JavaScript类的继承方法小结【组合继承分析】
网络 2018-08-30 1272
本文实例讲述了JavaScript类的继承方法。分享给大家供大家参考，具体如下：
在JavaScript 里，被继承的函数称为超类型(父类，基类也行，其他语言叫法)，继承的函数称为子类型(子类，派生类)。继承也有之前问题，比如字面量重写原型会中断关系，使用引用类型的原型，并且子类型还无法给超类型传递参数。
为了解决引用共享和超类型无法传参的问题，我们采用一种叫借用构造函数的技术，或者成为对象冒充(伪造对象、经典继承)的技术来解决这两种问题。
1 2 3 4 5 6 7 8 9 10 | function aObj(){ this.name = ['小红','小强']; } } aObj.prototype.showname = ()=>{ alert(this.name) } function bObj(){ aObj.call(this); //只针对构造函数本身的继承 还需要继承原型 } |
借用构造函数虽然解决了函数本身的继承，但没有继承原型链。所以，我们需要原型链+借用构造函数的模式，这种模式称为组合继承。
方法一：
1 | bObj.prototype = aObj.prototype; |
缺点：引用类型，在操作对象原型时候，直接改变堆内存中对象的方法
方法二：
1 | bObj.prototype = new aObj(); |
这种继承借助原型并基于已有的对象创建新对象，同时还不必因此创建自定义类型，但是构造函数两次继承，不是很好
方法三：
1 2 | bObj.prototype = Object.create(aObj.prototype); bObj.prototype.constructor = bObj |
使用a原型对象及其属性去创建一个新的对象，并将这个对象的constructor指向B函数本身，不存在重复继承的问题
方法四：
1 2 3 | for (var i in aObj.prototype) { bObj.prototype[i] = aObj.prototype[i]; } |
将a的原型链遍历给b对象，实现原型的深度拷贝，双方互不影响
