原型链实现继承的几种模式

本文探讨了JavaScript中实现继承的几种原型链模式,包括借用构造函数、组合继承、原型式继承及其优化——寄生组合式继承。每种模式都有其优缺点,如构造函数不能复用、两次调用超类型构造函数等问题。寄生组合式继承被认为是最佳实践,因为它只调用一次超类型构造函数并避免了多余的属性创建。
摘要由CSDN通过智能技术生成

原型链很强大,可以用来实现继承,但也存在一些问题。其中最主要的问题是来自包含引用类型值的原型。看如下例子:

function Super() {
   
    this.colors = ['red', 'blue', 'green'];
}
function Sub() {
   
}
Sub.prototype = new Super();
var instance1 = new Sub();
instance1.colors.push('black');
alert(instance1.colors); //red,blue,green,black

var instance2 = new Sub();
alert(instance2.colors); //red,blue,green,black

我们看到Sub()的两个实例,由于Sub.prototype继承了Super(),因此这两个实例实际上是共享了Super的属性和方法,因此colors是Sub所有实例共享的属性,而这并不是我们的意图。
第二个问题是:在创建子类型的实例时,不能向超类型的构造函数中传递函数。

1.来看看第一个方法借用构造函数:

function Super(name) {
   
    this.name = name;
}
function Sub
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值