300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 【JS第28期】继承-借用构造函数

【JS第28期】继承-借用构造函数

时间:2021-01-31 02:07:27

相关推荐

【JS第28期】继承-借用构造函数

上期我们介绍了下原型链,知道了它潜在的问题,我们这期运用借用构造函数来解决上期遗留问题。回顾以下:

上期遗留问题

包含引用类型的原型属性会被所有实例共享,因此,我们如果一个实例中修改了这个原型属性,那么,其他实例的对应属性也会改变在创建子类型的实例时,不能向父类构造函数中传递参数。

我们是否可以在子类型构造函数的内部调用父类的构造函数?了解apply()、call()方法的应该知道,这两个方法可以在新创建的对象上执行构造函数。因此我们可以做如下处理:

function SuperType() {this.colors = ['red', 'blue', 'green'];}function SubType() {// 继承SuperTypeSuperType.call(this);}var instance1 = new SubType();instance1.colors.push('black');console.log(instance1.colors) // 'red', 'blue', 'green', 'black'var instance2 = new SubType()console.log(instance2.colors) // 'red', 'blue', 'green'复制代码

通过调用call() 方法,我们会在SubType的每个实例中都会创建一个colors的副本。

第一个问题解决了,那么我们考虑下第二个问题,我们知道call(),第一个参数为一个对象,第二个参数为给当前对象传参。那么我们是否可以考虑如下修改:

function SuperType(name) {this.name = name;}function SubType() {// 继承SuperTypeSuperType.call(this, 'bill');}var instance = new SubType()instance.name // bill复制代码

借用构造函数的问题

方法定义在构造函数中,方法无法复用

如有侵权,请发邮箱至wk_daxiangmubu@ 或留言,本人会在第一时间与您联系,谢谢!!

长按二维码关注我们,了解最新前端资讯

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。