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

系统管理员 2022-09-12 13:55 197阅读 0赞

[如何理解javascript中寄生组合式继承？ - 知乎 (zhihu.com)][javascript_ - _ _zhihu.com]

这个问题方便我们**讨论**对寄生组合继承的理解，以下是个人理解，为方便通俗讲述，尽量不出现代码：

首先，寄生组合继承 是**寄生继承**跟**组合继承**的结合版**， 抛开它们自然无法说清楚。**  
（寄生组合继承是继承那一章节的浓缩精华，对新手来说完全理解是要看完整一个章节的）

**组合继承：**  
曾经一段时间因为javascript关于类实现继承的不规范，导致各种各样实现继承的代码；而实际上不管代码怎么变，继承都基于两种方式：  
**1.通过原型链，**即子类的原型指向父类的实例从而实现原型共享。  
**2.借用构造函数，**即通过js的apply、call实现子类调用父类的属性、方法；  
原型链方式可以**实现所有属性方法共享，但无法做到属性、方法独享**（例如Sub1修改了父类的函数，其他所有的子类Sub2、Sub3...想调用旧的函数就无法实现了）；

而借用构造函数除了能独享属性、方法外还能在子类构造函数中传递参数，但代码无法复用。总体而言就是可以**实现所有属性方法独享，但无法做到属性、方法共享**（例如，Sub1新增了一个函数，然后想让Sub2、Sub3...都可以用的话就无法实现了，只能Sub2、Sub3...各自在构造函数中新增）。

**组合继承就是把以上两种继承方式一起使用**，把共享的属性、方法用原型链继承实现，独享的属性、方法用借用构造函数实现，所以组合继承**几乎**完美实现了js的继承；  
**为什么说是“几乎”？**

**因为认(dan)真(teng)的geek们发现组合继承有一个小bug，实现的时候调用了两次超类（父类）**  
**，性能上不合格啊有木有！怎么解决呢？于是“寄生继承”就出来了。**

**寄生继承：**

> 寄生继承的思路跟工厂模式差不多，就是调用一个 **仅用于**封装继承过程的函数；

这个继承思路也是由克罗克福德推广的，没错！就是实现那个**“原型式继承”**的大神。  
（原型式继承就是楼上贴出代码的“object”函数，在很多类库源码中都能发现它的身影）  
简单而言，**寄生继承就是不用实例化父类了，直接实例化一个临时副本实现了相同的原型链继承。（**即子类的原型指向父类**副本**的实例从而实现原型共享**）**  
  
**所以“寄生组合继承”用了“寄生继承”修复了“组合继承”的小bug，让js完美实现继承了。**  
**<(￣︶￣)>**

[javascript_ - _ _zhihu.com]: https://www.zhihu.com/question/22232912