原文:JS中通过call方法实现继承

讲解都写在注释里面了，有不对的地方请拍砖，谢谢！

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>JS通过call方法实现继承</title>

</head>

<body>

    <script type="text/javascript">

        /*  js中的继承有多种实现方式，今天我们讨论下通过call方法实现的继承。

        此方法与 原型链继承 相比还是比较简单，容易理解的。

        那么，我们先对call方法进行简单的讲解：

        call 方法可以用一个对象来代替另一个对象调用一个方法。

        这句话蛮不好理解，

        还是看示例代码吧，更直观明了：

        */

        function a() {

            this.name = "我是a";

            this.showName = function () {

                alert(this.name);

            }

        }

        function b() {

            this.name = "我是b";

        }

        var _a = new a();

        var _b = new b();

        //下面这行代码的意思是：用 _b 来代替 _a 执行 _a 的showName方法。

        //因此执行对象从 _a 变成了 _b, showName方法里面的this此时指代的是 b 了，而不是 a

        //因此输出结果为： 我是b

        _a.showName.call(_b);

        /*

        哎，语文没学好，总感觉表达不清楚，也不知道大家能不能看懂。

        好了，进入正题，我们来看继承的实现。

        */

        /*

        首先我们要定义4个类：动物(animal) ; 人(person) ; 中国人(chinese) ; 日本人(japanese)。

        代码如下:

        */

        function animal() {

            this.eat = function () {

                alert("动物都要吃东西");

            }

        }

        function person() {

            this.say = function () {

                alert("人是会说话的");

            }

        }

//        function chinese() {

//            this.ch = function () {

//                alert("我是中国人");

//            }

//        }

//        function japanese() {

//            this.ja = function () {

//                alert("我是日本人");

//            }

//        }

        /*  然后实现4个类之间的关系

            关系如下： 中国人 继承自 人

                      日本人 继承自 动物 和 人

            说明： 

            在JS中是可以实现类的多继承的。

            因此 japanese 可以同时继承自 animal 和 person ,

            它不像C#和java语言，只支持接口的多继承，而不支持类的多继承。

            修改上面的chinese和japanese如下：

        */

        function chinese() {

            person.call(this); //继承自 person 类 （用chinese来代替person）

            this.ch = function () {

                alert("我是中国人");

            }

        }

        function japanese() {

            animal.call(this); //继承自 animal 类

            person.call(this); //继承自 person 类

            this.ja = function () {

                alert("我是日本人");

            }

        }

        /*

            我们知道：实现继承后，子类是可以拥有父类的公有字段和方法的。

            而父类不会拥有子类的任何东西

            说明：

            js中的 字段，方法 也是有公有和私有之分的。

            子类只能访问到父类的公有字段和方法。

            关于 js 中的 公有，私有，全局，静态 等等的定义讲解我会另写一篇博文

            与大家讨论。

            请看如下代码：

        */

        //实例化对象

        var c = new chinese();

        var j = new japanese();

        var p = new person();

        c.say(); //拥有父类 person 的 say 方法

        c.ch();  //自身的 ch 方法

        j.eat();  //拥有父类 animal 的 eat 方法

        j.say();  //拥有父类 person 的 say 方法

        j.ja();   //自身的 ja 方法

        p.say();  //自身的 say 方法

        /*

            下面两句会报错，

            因为父类person是不会拥有子类的任何东西的，

            所以p没有ch和ja方法。

            p.ch();

            p.ja();

        */

    </script>

</body>

</html>

　　　　　

JS中通过call方法实现继承的更多相关文章

  1. JS与OC交互，JS中调用OC方法(获取JSContext的方式)

    最近用到JS和OC原生方法调用的问题,查了许多资料都语焉不详,自己记录一下吧,如果有误欢迎联系我指出. JS中调用OC方法有三种方式: 1.通过获取JSContext的方式直接调用OC方法 2.通过继 ...

  2. js中的tostring()方法

    http://blog.sina.com.cn/s/blog_85c1dc100101bxgg.html js中的tostring()方法 (2013-11-12 11:07:43) 转载▼ 标签: ...

  3. 秒味课堂Angular js笔记------Angular js中的工具方法

    Angular js中的工具方法 angular.isArray angular.isDate angular.isDefined angular.isUndefined angular.isFunc ...

  4. jQuery与JS中的map()方法使用

    1.jquery中的map()方法 首先看一个简单的实例: $("p").append( $("input").map(function(){ return $ ...

  5. JavaScript -- 时光流逝（二）：js中数组的方法

    JavaScript -- 知识点回顾篇(二):js中数组的方法 1. 数组 (1)定义数组,数组赋值 <script type="text/javascript"> ...

  6. ASP.NET#使用母版时，如果要使用js中的getElementById()方法取得某个内容页的元素时要注意的问题

    当使用母版,要使用js中的getElementById()方法取得某个内容页的元素时,所选取的id并不是母版中内容页的id,而是在设计内容页时设定的id例子:母版页: ...... <head ...

  7. JS中split使用方法和数组中元素的删除

    JS中split使用方法和数组中元素的删除 JS中split使用方法 <script language="javascript"> function spli(){ d ...

  8. JS中的splice方法

    JS中的splice方法 定义和用法 splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目. 注释:该方法会改变原始数组(集合). 语法 arrayObject.splice(ind ...

  9. JS中常见的几种继承方法

    1.原型链继承 // 1.原型链继承 /* 缺点:所有属性被共享,而且不能传递参数 */ function Person(name,age){ this.name = name this.age = ...

随机推荐

  1. SQL入门学习4-复杂查询

    5-1 视图 视图和表 视图和表的区别只有一个是否保存了实际的数据 使用INSERT和SELECT实际上就是从存储设备中读取数据,各种计算后,将数据呈现给用户. 视图不会将数据保存在存储设备中.实际上 ...

  2. 三种字符编码：ASCII、Unicode和UTF-8

    原文:三种字符编码:ASCII.Unicode和UTF-8 什么是字符编码? 计算机只能处理数字,如果要处理文本,就必须先把文本转换为数字才能处理.最早的计算机在设计时采用8个比特(bit)作为一个字 ...

  3. 辛星整理3linux笔记，免费下载点，我希望对你有所帮助

    忙乱,这是我第一次看李指出老师的视频时,,这本书是关于116页面,在csdn下载对:点我下载 ,假设左边的地址崩溃了,也能够在浏览器中输入例如以下地址然后下载:http://download.csdn ...

  4. Java魔法堂：注解用法详解——@SuppressWarnings(转)

    一.前言 编码时我们总会发现如下变量未被使用的警告提示: 上述代码编译通过且可以运行,但每行前面的“感叹号”就严重阻碍了我们判断该行是否设置的断点了.这时我们可以在方法前添加 @SuppressWar ...

  5. Android使用HttpClient方法和易错问题

    HttpClient为Android开发人员提供了跟简洁的操作Http网络连接的方法,在连接过程中也有两种方式,get和post,先看一下怎样实现的 默认是get方式 //先将參数放入List,再对參 ...

  6. SQL Server的还原

    原文:SQL Server的还原 1.差异备份的还原 不备份结尾日志的情况下还原数据 创建差异备份的放在我们已经在前面一篇博客SQL Server的备份中提到了,这里我们不再赘述,下面我们给出差异备份 ...

  7. Python入门教程 超详细1小时学会Python(转)

    假设我们有这么一项任务:简单测试局域网中的电脑是否连通.这些电脑的ip范围从192.168.0.101到192.168.0.200. 思路:用shell编程.(Linux通常是bash而Windows ...

  8. 深入探讨 Java 类加载器[转]

    原文地址:http://www.ibm.com/developerworks/cn/java/j-lo-classloader/index.html 类加载器(class loader)是 Java™ ...

  9. Activity的LaunchMode情景思考

    此链接:http://blog.csdn.net/xiaodongrush/article/details/28597855 1. 有哪几种类型?分别有什么用? http://developer.an ...

  10. c++的string容器

    c++相比c的一个好处就是实现了很多的容器和泛型算法,使得程序员的工作得到了很大的化简.其中一个很有用的泛型容器就是string.string是一个类,是一个在STL里边实现好了的类,由于他的很多功能 ...