组合继承有时候也称为伪经典继承,指的是将原型链和借用构造函数的技术组合到一起,从而发挥二者之长的一种继承模式。其背后的模式是使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承。这样,既通过在原型上定义方法实现了函数复用,又能够保证每个实例都有它自己的属性。
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();
console.log(SubType.prototype.constructor === SuperType);
// SubType.prototype.constructor = SubType;
SubType.prototype.sayAge = function () {
console.log(this.age);
};
var instance1 = new SubType("小萝卜头",20);
instance1.colors.push("black");
console.log(instance1.colors);
instance1.sayName();
instance1.sayAge();
var instance2 = new SubType("大萝卜头",21);
console.log(instance2.colors);
instance2.sayName();
instance2.sayAge();
代码解析:
- SuperType构造函数定义了两个属性:name和colors。
- SuperType的原型定义了一个方法sayName()。
- SubType构造函数在调用SuperType构造函数时传入了name参数,然后又定义了自己的age属性。
- 然后将SuperType的实例赋值给SubType的原型。
- 又在SubType新原型上定义了sayAge()方法。
这样一来就可以让两个不同的SubType实例既分别拥有自己属性又可以使用相同的方法。
注:资料参考《JavaScript高级程序设计》