JAVASCRIPT面向对象的程序设计之寄生组合式继承

太过爱你忘了你带给我的痛 2022-03-17 13:07 229阅读 0赞

## 寄生组合式继承 ##

组合继承是Javascript最常用的继承模式， 但是以为调用了两次超类的构造函数，所以还有不足。而寄生组合式继承则解决了这个问题。实现如下：

function inheritPrototype(subType, superType) {
        var prototype = Object.create(superType.prototype);   //创建原型对象
        prototype.constructor = subType;   //将constructor指向subType
        subType.prototype = prototype;     //从写subType的原型对象
    }

使用如下：

function SuperType(name) {
        this.name = name;
        this.colors = ["red", "blue", "green"];
    }
    
    SuperType.prototype.getSuperColors = function () {
        console.log(this.colors);
    }
    
    function SubType(name, age) {
        SuperType.call(this, name);
        this.age = age;
    }
    
    inheritPrototype(SubType, SuperType);
    
    var instance1 = new SubType("Nicholas", 29);
    instance1.getSuperColors();
    console.log(instance1.name);
    console.log(instance1.age);

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h6cF9mb3JldmVy_size_16_color_FFFFFF_t_70][]

备注： 例子及截图均来自《JAVASCRIPT高级程序设计：第3版》

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h6cF9mb3JldmVy_size_16_color_FFFFFF_t_70]: /images/20220317/bea7df142f834f18a1ea0487cbc2bafb.png

发表评论取消回复

表情：

评论列表（有 0 条评论，229人围观）

还没有评论，来说两句吧...

相关阅读

相关 javascript 的七种继承方式（六）寄生组合式继承

组合继承回顾前面的文章已经提到过，组合继承是JavaScript中最常用的继承模式。但是他也有自己的不足。组合继承最大的问题就是不管在什么情况下，都会调用两次父类型的构

野性酷女/ 2022年11月29日 12:50/ 0 赞/ 212 阅读

相关如何理解javascript中寄生组合式继承？

[如何理解javascript中寄生组合式继承？ - 知乎 (zhihu.com)][javascript_ - _ _zhihu.com] 这个问题方便我们讨论对寄生组合继

系统管理员/ 2022年09月12日 13:55/ 0 赞/ 197 阅读

相关 js继承6-----寄生组合式继承

组合继承是Javascript最常用的继承模式；不过，他也有自己的不足。组合继承最大的问题就是无论什么情况下，都会调用两次超类型构造函数：一次是在创建子类型原型的时候，另一

朱雀/ 2022年06月10日 10:43/ 0 赞/ 228 阅读

相关 JavaScript 实现继承的方式：原型链、组合式、寄生组合式

原型链继承 let Parent = function() { this.name = [‘parent'] } Par

男娘i/ 2022年05月27日 08:11/ 0 赞/ 208 阅读

相关 JavaScript -- 寄生组合式继承

[组合继承][Link 1] 上文我们写了关于组合继承，这个继承模式已经非常优秀了，但是还是有一点不足。 function SuperType(name){

超、凢脫俗/ 2022年04月04日 10:28/ 0 赞/ 260 阅读

相关 JAVASCRIPT面向对象的程序设计之寄生组合式继承

寄生组合式继承组合继承是Javascript最常用的继承模式，但是以为调用了两次超类的构造函数，所以还有不足。而寄生组合式继承则解决了这个问题。实现如下：

太过爱你忘了你带给我的痛/ 2022年03月17日 13:07/ 0 赞/ 230 阅读

相关 JAVASCRIPT面向对象的程序设计之寄生式继承

寄生式继承寄生式继承是与原型式继承紧密相关的一种思路，同样也是道格拉斯·克罗克福德推而广之的。寄生式继承的思路与寄生构造函数和工厂模式类似，即通过创建一个用于封装继

向右看齐/ 2022年03月17日 13:07/ 0 赞/ 195 阅读

相关 JAVASCRIPT面向对象的程序设计之原型式继承

原型式继承道格拉斯·克罗克福德在2006年写了一篇文章，在该文章中介绍了一种实现继承的方法，即原型式继承。实现如下： function object(o)

墨蓝/ 2022年03月17日 12:52/ 0 赞/ 238 阅读

相关 JAVASCRIPT面向对象的程序设计之组合继承

组合继承组合继承，有时候也叫做伪经典继承。指的是将原型链和借用构造函数的技术组合到一块，从而发挥二者之长的一种继承模式。其背后的思想是使用原型链实现对原型属性和方法的

浅浅的花香味﹌/ 2022年03月17日 12:50/ 0 赞/ 265 阅读

相关 JAVASCRIPT面向对象的程序设计之原型链继承

原型链继承继承是OO(Object oriented 面向对象)语言中的一个最为津津乐道的概念。许多面向对象语言都支持两种继承方式：接口继承和实现继承。接口继承只继承

梦里梦外;/ 2022年03月17日 10:24/ 0 赞/ 312 阅读