上面例子中，instance继承了SuperType原型的属性，其继承的原理其实就是通过原型链实现的。原型链很强大，可用来实现继承。可是单纯的原型链继承也是有问题存在的。
实例属性变成原型属性，影响其他实例
创建子类型的实例时，不能向超类型的构造函数传递参数
function SuperType() { this.colorArr = ["red", "blue", "green"]; } function SubType() {} SubType.prototype = new SuperType(); const instance1 = new SubType(); instance1.colorArr.push("black"); console.log(instance1.colorArr); // ["red", "blue", "green", "black"] const instance2 = new SubType(); console.log(instance2.colorArr); // ["red", "blue", "green", "black"]
当SubType的原型作为SuperType的实例时，此时SubType的实例对象通过原型链继承到colorArr属性，当修改了其中一个实例对象从原型链中继承到的原型属性时，便会影响到其他实例。对instance1.colorArr的修改，在instance2.colorArr便能体现出来。
组合继承组合继承指的是组合原型链和构造函数的技术，通过原型链实现对原型属性和方法的继承，而通过借用构造函数实现对实例属性的继承。
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; } // 继承原型属性及方法 SubType.prototype = new SuperType(); SubType.prototype.constructor = SubType; SubType.prototype.sayAge = function() { console.log(this.age); }; const instance1 = new SubType("gali", 18); instance1.colors.push("black"); console.log(instance1.colors); // ["red", "blue", "green", "black"] instance1.sayName(); // gali instance1.sayAge(); // 18 const instance2 = new SubType("pig", 20); console.log(instance2.colors); // ["red", "blue", "green"] instance2.sayName(); // pig instance2.sayAge(); // 20
上述例子中，借用构造函数继承实例属性，通过原型继承原型属性与方法。这样就可让不同的实例分别拥有自己的属性，又可共享相同的方法。而不会像原型继承那样，对实例属性的修改影响到了其他实例。组合继承是JS最常用的继承方式。
寄生组合式继承虽然说组合继承是最常用的继承方式，但是有没有发现，就上面的例子中，组合继承中调用了2次SuperType函数。回忆一下，在第一次调用SubType时。
SubType.prototype = new SuperType();
这里调用完之后，SubType.prototype会从SuperType继承到2个属性：name和colors。这2个属性存在SubType的原型中。而在第二次调用时,就是在创造实例对象时，调用了SubType构造函数，也就会再调用一次SuperType构造函数。
SuperType.call(this, name);
第二次调用之后，便会在新的实例对象上创建了实例属性：name和colors。也就是说，这个时候，实例对象跟原型对象拥有2个同名属性。这样实在是浪费，效率又低。
为了解决这个问题，引入了寄生组合继承方式。重点就在于，不需要为了定义SubType的原型而去调用SuperType构造函数，此时只需要SuperType原型的一个副本，并将其赋值给SubType的原型即可。
function InheritPrototype(subType, superType) { // 创建超类型原型的一个副本 const prototype = Object(superType.prototype); // 添加constructor属性，因为重写原型会失去constructor属性 prototype.constructor = subType; subType.prototype = prototype; }
将组合继承中的：
SubType.prototype = new SuperType(); SubType.prototype.constructor = SubType;
替换成：
InheritPrototype(SubType, SuperType);
寄生组合继承的优点在于，只需要调用一次SuperType构造函数。避免了在SubType的原型上创建多余的不必要的属性。
总结温故而知新，再次看回《JS高级程序设计》这本书的原型与原型链部分，发现很多以前忽略掉的知识点。而这次回看这个知识点，并输出了一篇文章，对我来说受益匪浅。写文章往往不是为了写出怎样的文章，其实中间学习的过程才是最享受的。
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》