寄生组合式继承
寄生组合式继承本质上就是使用寄生式继承来继承超类型的原型,然后再将结果指定给子类型的原型。
下面结合代码分析一下:
function object(o){
function F(){}
F.prototype=o;
return new F();
}
function inheritPrototype(subType,superType){
var p=object(superType.prototype);
p.constructor=subType;
subType.prototype=p;
}
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); //借用构造函数,调用SuperType构造函数
this.age=age;
}
inheritPrototype(SubType,SuperType);
//SubType.prototype=new SuperType("super"); //调用SuperType构造函数
var instance=new SubType("Niko",43);
instance.sayName();
如果把注释取消,删除object函数和inheritPrototype函数,就是组合式继承的写法,组合式继承的不足就是调用了两次SuperType构造函数。
object函数是寄生式继承的内容,这个函数创建了一个临时的构造函数,然后将传入的对象作为这个构造函数的原型,最后返回这个临时类型的一个新实例。
寄生组合式继承少掉的就是SubType.prototype=new SuperType()
这次调用,这条语句是将SubType构造函数的prototype属性指向SuperType的实例,之后创建的SubType实例的原型就是SuperType实例,所以SubType实例就可以使用SuperType实例的属性和SuperType原型中的方法,不过由于使用了借用构造函数,SubType的实例中已经包含了SuperType构造函数中的属性,换句话说即使没有这条语句,SubType也已经继承了SuperType的属性,SubType需要的只是SuperType原型中的方法,这里是sayName方法。
实现方式是将SuperType.prototype也就是SuperType原型传给object函数,就得到了一个原型是SuperType原型且没有多余属性的实例,然后将SubType构造函数的prototype属性指向它,那么SubType的实例instance就可以沿着原型链访问到SuperType原型中的方法。
最后附上一张图: