js常用的继承--组合式继承
2017-03-23 14:56:28
JavaScript
本篇文章主要介绍了js常用的继承--组合式继承的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧
组合继承有时候也叫伪经典继承，指的是将原型链和借用构造函数技术组合到一块，从而发挥二者之长的一种继承模式，其背后的思路是使用原型链实现对原型属性和方法的继承，而通过借用构造函数来实现对实例属性的继承。这样既通过在原型上定义方法实现了函数复用，又能保证每个实例都有它的自己的属性。
组合继承有时候也叫伪经典继承，指的是将原型链和借用构造函数技术组合到一块，从而发挥二者之长的一种继承模式，其背后的思路是使用原型链实现对原型属性和方法的继承，而通过借用构造函数来实现对实例属性的继承。这样既通过在原型上定义方法实现了函数复用，又能保证每个实例都有它的自己的属性。
function SuperType(name){
this.name=name;
this.colors=["red","blue","green"];
}
SuperType.prototype.sayName=function(){
console.log(this.name);
}
function SubType(name,age){
SuperType.call(this,name);
this.age=age;
}
SubType.prototype=new SuperType();
SubType.prototype.constructor=SubType;
SubType.prototype.sayAge=function(){
console.log(this.age);
}
var instance1=new SubType("zxf",24);
instance1.colors.push("black");
console.log(instance1.colors);//["red","blue","green","black"]
instance1.sayName();//"zxf"
instance1.sayAge();//24
var instance2=new SubType("jay",36);
console.log(instance2.colors);//["red","blue","green"]
instance2.sayName();//"jay"
instance2.sayAge();//36
|
在这个例子中，supertype构造函数定义了两个属性，name和colors。supertype的原型定义了一个方法sayname()。subtype构造函数调用supertype时传入了name参数，紧接着又定义了它自己的属性age。然后将supertype的实例赋值给subtype的原型，然后又在该新原型上定义了方法sayage()。这样一来，就可以让两个不同的subtype实例既可以拥有属性--包括colors属性，又可以使用相同的方法。
组合式继承缺点是：调用了两次supertype构造函数，一次在赋值subtype的原型时，一次在实例化子类时call调用，这次调用会屏蔽原型中的两个同名属性。
上面就是这篇文章的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助
原文链接：http://www.qdfuns.com/notes/30749/ddba80b9ee5151b4f48c8f94573949d5.html
