JavaScript实现多重继承的方法分析
2018-01-09 14:20
549 查看
本文实例讲述了JavaScript实现多重继承的方法。分享给大家供大家参考,具体如下:
1. 定义一个空的父类构造函数,然后通过prototype的方式为该父类定义属性和方法
2. 定义一个空的子类的构造函数,然后将子类的原型绑定在父类的实例上,再将子类原型的父类也绑定在父类的实例上。通过prototype的方式为子类设置自己的属性和方法。
3. 定义一个空的孙类构造函数,然后将孙类的原型绑定到子类的实例上,再将孙类原型的父类绑定到子类的实例上。通过prototype方式为孙类定义自己的属性和方法。
4. 实例化一个孙类对象,通过调用该实例对象,调用自身的方法,也可以调用孙类的父类即文中的子类的方法,也可直接调用最大父类即这里父类的方法,也可以为当前对象添加属性和方法。
function Person(){} Person.prototype.name = "人";// 为人类创建一个name属性 Person.prototype.say = function(content){// 为人类创建一个说话的方法 if(!this.name){ // 如果对象不存在name属性,则使用原型链的name this.name = this.__proto__.name; } console.log("我是" + this.name + ",我想说"+content); }; function Parent(){} Parent.prototype = new Person(); // 设置Parent类继承Person类 Parent.prototype.superClass = new Person();// 设置superClass保存父类Person的方法属性 Parent.prototype.name = "父辈类";// 设置Parent类的name属性 Parent.prototype.say = function(){// 设置Parent类自己的 say 方法 console.log("我是Parent类的say方法!"); }; function Child(){} Child.prototype = new Parent();// 设置Child类继承Parent类 Child.prototype.superClass = new Parent();// 设置superClass保存父类Parent的方法属性 Child.prototype.say = function(){ //设置Child类自己的say方法 console.log("我是Child类的say方法!"); } var c = new Child();// 实例化一个Child对象 c.say(); // 调用自身原型的say方法,输出:我是Child类的say方法! c.superClass.say(); // 调用父类Parent的say方法,输出: 我是Parent类的say方法! c.superClass.superClass.say("哈哈");// 直接调用最大的父类Person的say方法(方法中的this指向Person),输出:我是人,我想说哈哈" // 用call调用最大的父类Person的say方法(方法中的this指向实例化对象c,但此时c并没有name属性,所以this.name用的是Parent的name) c.superClass.superClass.say.call(c,"嘻嘻"); // 输出:我是父辈类,我想说嘻嘻 c.name = "子类实例";// 给当前对象增加name属性 // 还是用call调用最大父类Person的say方法(此时c对象中已经有name属性); c.superClass.superClass.say.call(c,"我是子类的实例化对象"); // 输出:我是子类实例,我想说我是子类的实例化对象
ps:多重继承可以在原型对象上新增一个属性用以保存父类的对象和属性,子类调用的时候使用superClass点出父类方法,这样一来就解决了父类和子类方法同名,子类继承父类之后会覆盖父类方法的问题。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- JavaScript面向对象继承原理与实现方法分析
- javascript继承实现方法
- javascript 继承实现方法
- javascript 继承实现方法
- JavaScript 异步方法队列链实现代码分析
- 用JavaScript实现单继承和多继承的简单方法
- javascript继承实现方法(转)
- JavaScript面向对象的方法实现继承:call方法
- 使用JS中的Call方法实现继承和多重继承
- javascript面向对象编程实现[定义(静态)属性方法--继承]
- 图片滚动特效实现方法的分析(JavaScript)
- 转载:javascript 继承实现的一种方法
- Ajax - JavaScript之实现私有属性、像C++和Java一样支持基于类的继承方法之例子
- Javascript中继承的实现方法
- Learn Objective‐C,学习笔记03 类别(实现多重继承的方法)
- JavaScript中继承的实现方法
- JavaScript 实现继承的六种方法
- javascript中实现类继承的方法
- Objective-C学习笔记---类别(实现多重继承的方法)
- javascript 继承实现方法