首页 > 代码库 > 组合继承

组合继承

组合继承,有时候也叫伪经典继承,指的是将原型链和借用构造函数的技术组合到一起,从而发挥两者之长的一种继承模式。
组合继承的思路是使用原型链的方式实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承。
这样,既通过在原型上定义方法实现了函数复用,又能保证每个实例都有自己的属性。

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("summer",20);
instance1.colors.push("black");
console.log(instance1.colors); // ["red", "blue", "green", "black"]
instance1.sayName(); // summer
instance1.sayAge(); // 20


var instance2=new SubType("summer2",22);

console.log(instance2.colors); // ["red", "blue", "green"]
instance2.sayName(); // summer2
instance2.sayAge(); // 22

在这个例子中,SuperType中定义了两个属性name和colors,SuperType的原型定义了一个方法sayName(),
SubType构造函数在调用SuperType构造函数时传入了name参数,紧接着又定义了自己的属性age,然后,将SuperType的实例赋值给SubType的原型,
然后又在该原型中定义了自己的方法sayAge(),这样一来,就可以让两个SubType的实例既拥有自己的属性(包括colors属性),又可以使用相同的方法。

优点:组合继承避免了原型链和借用构造函数的缺陷,融合了他们的优点,成为javascript中最常用的继承模式。而且,instanceof()和isPrototypeOf()也能够识别基于组合方式创建的对象











组合继承