JavaScript 继承机制：构造函数与原型链混合模式详解

继承模式的缺陷分析

构造函数与原型链单独实现继承时存在明显缺陷。

首先分析这两种方式各自的局限性。

仅使用构造函数（对象冒充）时，必须依赖构造函数定义所有逻辑，导致无法继承通过原型定义的方法，这并非理想方案。若仅使用原型链，则无法向构造函数传递参数。因此，开发者需要一种结合两者优势的方法。

构造函数与原型混合模式实现

构造函数与原型混合继承模式。

这种模式在类定义中，使用构造函数来定义实例属性，而使用原型对象来定义共享方法。在继承场景中，通过对象冒充来继承父类构造函数的属性，同时通过原型链来继承 prototype 对象上的方法。以下代码展示了如何重写之前的示例：

function ClassA(sColor) {
this.color = sColor;
}
ClassA.prototype.sayColor = function () {
 alert(this.color);
};
function ClassB(sColor, sName) {
 ClassA.call(this, sColor);
 this.name = sName;
}
ClassB.prototype = new ClassA();
ClassB.prototype.sayName = function () {
 alert(this.name);
};

上述代码中，继承逻辑由关键的两行代码实现。第一行在 ClassB 构造函数内部，通过调用 ClassA.call(this, sColor) 实现对象冒充，从而继承 ClassA 的 sColor 属性。第二行将 ClassB 的原型指向 ClassA 的新实例，即 ClassB.prototype = new ClassA()，从而通过原型链继承 ClassA 的方法。由于结合了原型链，instanceof 运算符依然能够正确判断对象类型。

var objA = new ClassA("blue");
var objB = new ClassB("red", "John");
objA.sayColor(); //输出 "blue"
objB.sayColor(); //输出 "red"
objB.sayName(); //输出 "John"