js学习记录(3)——寄生组合式继承

寄生组合式继承

寄生组合式继承本质上就是使用寄生式继承来继承超类型的原型,然后再将结果指定给子类型的原型。
下面结合代码分析一下:

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原型中的方法。
最后附上一张图:
图1

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值