这篇文章主要介绍了javascript实现多重继承的方法,结合实例形式详细分析了javascript实现多重继承的具体步骤与相关操作技巧,需要的朋友可以参考下
本文实例讲述了JavaScript实现多重继承的方法。分享给大家供大家参考，具体如下：
1. 定义一个空的父类构造函数，然后通过prototype的方式为该父类定义属性和方法
2. 定义一个空的子类的构造函数，然后将子类的原型绑定在父类的实例上，再将子类原型的父类也绑定在父类的实例上。通过prototype的方式为子类设置自己的属性和方法。
3. 定义一个空的孙类构造函数，然后将孙类的原型绑定到子类的实例上，再将孙类原型的父类绑定到子类的实例上。通过prototype方式为孙类定义自己的属性和方法。
立即学习“Java免费学习笔记（深入）”；
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,"我是子类的实例化对象"); // 输出：我是子类实例,我想说我是子类的实例化对象
登录后复制
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
在vue中使用eventBus如何实现同级组件的通讯
在vue中使用eventBus如何实现同级组件的通讯
在vue中使用eventBus如何实现同级组件的通讯
在vue中使用eventBus如何实现同级组件的通讯
在vue中使用eventBus如何实现同级组件的通讯
以上就是在JavaScript中如何实现多重继承的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3185092.html
