js继承的6种方式详解(2)

寄生式继承同样适合主要关注对象，而不在乎类型和构造函数的场景。
缺点:通过寄生式继承给对象添加函数会导致函数难以重用，与构造函数模式类似

寄生式组合继承

最常用的继承方式，也是最佳的，组合继承会调用两次父类构造函数，存在效率问题。其实本质上子类原型最终是要包含父类对象的所有实例属性，子类构造函数只要在执行时重写自己的原型就行了。基本思路是不通过调用父类构造函数给子类原型赋值，而是取得父类原型的一个副本。说到底就是使用寄生式继承来继承父类原型，然后将返回的新对象赋值给子类原型。

//核心代码 function object(person) { function F(params) {} F.prototype = person return new F() } function inheritPrototype(SubType,SuperType) { let prototype = object(SuperType.prototype) //生成一个父类原型的副本 //重写这个实例的constructor prototype.constructor = SubType //将这个对象副本赋值给 子类的原型 SubType.prototype = prototype } 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); this.age = age; } //调用inheritPrototype函数给子类原型赋值,修复了组合继承的问题 inheritPrototype(SubType, SuperType); SubType.prototype.sayAge = function() { console.log(this.age); };

总结

到此这篇关于js继承的6种方式的文章就介绍到这了,更多相关js继承方式内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章: