JavaScript实现多重继承的方法分析

本文实例讲述了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实现多重继承的方法分析
转载来源：http://dzwzjz.com/article/jsshgs.html

大橙子网站建设，新征程启航

JavaScript实现多重继承的方法分析

其他资讯