js继承之组合继承

组合继承(原型链+构造函数)

概念

组合继承就是将原型链和构造函数结合起来发挥二者优势的一种模式。
其大体思路是:使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承,很好地解决了原型链继承的缺点,是较为常用的一种继承方式。

实现

function SuperType(name){
    this.name = name;
    this.colors = ['red', 'gray', 'cyan'];
    };

SuperType.prototype.sayName = function(){
    console.log(this.name);
};

function SubType(name, job){
    SuperType.call(this, name);//强制改变对象执行上下文,如没有此句,SubType.prototype = new SuperType();这句中,直接在SubType原型上生成一个color属性,可以被其他实例化对象修改,从而所有实例化对象以前改变。而现在这种借用构造函数的方法,可以在实例化子类对象时候,直接将父类属性在子类对象形成一份副本,所以修改时互不冲突。
    this.job = job;
}

//继承方法
SubType.prototype = new SuperType();
SubType.prototype.constructor = SuperType;
SubType.prototype.sayJob = function(){
console.log(this.job);
}

var instance1 = new SubType('li', 'SE');
instance1.colors.push('black');
console.log(instance1.colors);//['red', 'gray', 'cyan', 'black']
instance1.sayName();//li
instance1.sayJob();//SE

var instance2 = new SubType('jun', 'student');
console.log(instance2.colors);//['red', 'gray', 'cyan']
instance2.sayName();//jun
instance2.sayJob();//student

顺便提一下借用构造函数的思想:
在子类的构造函数内部调用父类的构造函数,可借助call或则apply,来改变对象的执行上下文。

而之前也提过原型继承的缺点是:

来自包含引用类型值的原型。在通过原型来实现继承时,原型实际上会变成一个类型的实例。于是,原先的实例属性也顺理成章的变成了现在的原型的属性了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值