本文实例讲述了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方法,
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
在vue中使用eventBus如何实现同级组件的通讯
在node.js中如何实现下载图片
使用vue2.0+vue-dplayer这些技术如何实现hls播放的示例
在vue2.0 + element UI 中 通过el-table 如何实现数据导出Excel
详细讲解FastClick源码(详细教程)