JavaScript简餐——寄生组合继承

---

前言

写本《JavaScript简餐》系列文章的目的是记录在阅读学习《JavaScript高级程序设计（第4版）》一书时出现的各个知识点。虽是对读书的笔记和总结，但是希望它轻量、简洁、犀利，不会引起阅读疲劳，可以在碎片化时间和闲暇之余轻巧地沐浴一下知识点。每篇文章只针对一个小部分进行讲解式的梳理，来达到个人复习总结和分享知识的目的。

---

一、什么是寄生组合继承？

组合继承其实存在效率问题。（关于组合继承可以看我的上一篇文章《组合继承是个啥》)。最主要的效率问题就是父类构造函数始终会被调用两次：一次是在创建子类原型时调用，另一次是在子类构造函数中调用。但事实上大可不必如此，子类构造函数只要在执行时重写自己的原型就行了。寄生组合继承通过盗用构造函数继承属性，但使用混合式原型链来继承方法。基本思路是不通过调用父类构造函数给子类原型赋值，而是取得父类原型的一个副本。说到底就是使用寄生式继承来继承父类原型（关于寄生式继承可以看我的上一篇文章《关于寄生式继承》），然后将返回的新对象赋值给子类原型。

---

二、寄生组合继承的基本模式

寄生组合继承的基本模式如以下代码所示：

function inheritPrototype (subType, superType) {
    let prototype = Object(superType.prototype); // 创建父类原型的一个副本
    prototype.constructor = subType; // 给返回的对象设置constructor属性
    subType.prototype = prototype; // 将返回的新对象赋值给子类原型
}

这个inheritPrototype()函数接收两个参数：子类构造函数和父类构造函数。在这个函数内部，第一步是创建父类原型的一个副本。然后，给返回的prototype对象设置constructor属性，解决由于重写原型导致子类原型对象中的默认constructor属性丢失的问题。最后将新创建的对象prototype赋值给子类原型。下面来调用一下这个函数来完成一次继承。

function Person(name) {
  this.name = name;
  this.hobbies = ["soccer", "volleyball", "badminton"];
}

Person.prototype.sayName = function () {
  console.log(this.name);
};

function Student(name, school) {
  this.school = school;
  Person.call(this, name);
}

inheritPrototype(Student, Person);

let stu = new Student("Lucy", 'Peking University');
console.log(stu.name, stu.hobbies); // Lucy [ 'soccer', 'volleyball', 'badminton' ]
stu.sayName(); // Lucy

这里只调用了一次Person()构造函数，避免了Student.prototype上不必要也用不到的属性，因此可以说这个例子的效率更高。而且，原型链仍然保持不变。寄生组合继承可以算是引用类型继承的最佳模式。

---

三、总结

以上就是今天要讲的内容，寄生组合继承集组合继承与寄生继承的优点于一身，是比较高效且优雅的继承方式。至此关于继承的篇章告一段落，下一篇开始我们来介绍一下ES6中的Class（类）来开始面向对象编程。撒花~