JavaScript实现继承的三种方式：对象冒充、原型链与混合模式详解

JavaScript继承机制概述

在面向对象编程中，继承是一项至关重要的机制。尽管业界常建议避免过度依赖继承，转而优先使用组合模式，但继承依然是构建复杂系统时无法回避的基础。本文将重点探讨JavaScript语言中独特的继承实现机制。

严格来说，JavaScript原生并不具备传统面向对象语言中的“继承”概念，但开发者可以通过特定技术手段模拟实现这一行为。其核心逻辑是将一个对象的状态或行为复制到另一个对象内部。需要特别注意的是，出于安全考量，JavaScript中的本地类（Native Classes）和宿主类（Host Objects）不能作为基类被直接继承。

JavaScript中的继承实现主要涵盖三种模式：第一种是对象冒充（Object Mimicry），第二种是原型链继承（Prototype Inheritance），第三种则是结合前两者的混合继承（Mixed Inheritance）。

对象冒充模式的三种实现

一、对象冒充模式

对象冒充的实现与JavaScript中的this关键字紧密相关，因此深入理解this的作用域至关重要。构造函数通常使用this来定义属性和方法。由于构造函数本质上也是函数，我们可以将基类的构造函数赋值给子类，并在子类内部调用该函数。这样，子类便获得了父类的属性和方法。

原理虽然简单，但具体实现需要代码支撑。以下通过具体的代码示例来演示对象冒充的操作过程。

对象冒充的第一种实现方式，即利用最基础的对象创建方法：

var classA = function(name){
this.name = name;
this.alertName = function(){
alert(this.name);
 }
}
 
var classB = function(name,age){
this.myConstructor = classA;
this.myConstructor(name);
delete this.myConstructor;
 
this.age = age;
this.alertAge = function(){
alert(this.age);
 }
}

为了验证上述方法的有效性，读者可以运行以下测试代码进行实际检验：

var objA = new classA('DK');
objA.alertName();//输出: DK
 
var objB = new classB('DS',20);
 
objB.alertName();//输出: DS
objB.alertAge();//输出: 20

上述代码展示了对象冒充的基本效果。此外，对象冒充还有另外两种实现变体，虽然具体语法不同，但其核心原理一致。

对象冒充的第二种实现方式，利用call方法：

var classA = function(name){
this.name = name;
this.alertName = function(){
alert(this.name);
 }
}
 
var classB = function(name,age){
classA.call(this,name);
 
this.age = age;
this.alertAge = function(){
alert(this.age);
 }
}

对比前一种方法，这里不再需要创建函数指针再删除，而是直接利用call方法在this对象的上下文中执行父类构造函数，从而达到相同的目的。与call方法相对应的还有apply方法。

对象冒充的第三种实现方式，利用apply方法：

var classA = function(name){
this.name = name;
this.alertName = function(){
alert(this.name);
 }
}
 
var classB = function(name,age){
classA.apply(this,new Array(name));
 
this.age = age;
this.alertAge = function(){
alert(this.age);
 }
}

可以看出，apply方法与call方法非常相似，主要区别在于参数传递的方式不同：apply接收一个参数数组，而call接收分离的参数列表。

原型链继承模式

二、原型链继承模式

熟悉JavaScript的开发者对prototype对象应不陌生。原型对象上的所有属性和方法都会自动传递给该类的所有实例。因此，如果我们把父类的所有属性和方法赋值给子类的prototype对象，便实现了继承效果。

具体而言，若子类希望获取父类的属性和方法，只需将父类的一个实例直接赋值给子类的prototype对象，这样子类实例即可访问父类的所有属性和方法。

以下是原型链继承的代码示例：

var classA = function(){
this.name = 'DK';
this.alertName = function(){
alert(this.name);
 }
}
 
var classB = function(name,age){
this.name = name;
this.age = age;
}
 
classB.prototype = new classA();
 
classB.prototype.alertAge = function(){
alert(this.age);
}

需要注意的是，在使用原型继承时，父类的构造函数必须确保没有参数。因为即使父类构造函数有参数，在原型继承的实现过程中也无法传递这些参数。

混合继承模式与优缺点分析

三、混合继承模式

顾名思义，混合继承是前两种方式的结合使用，旨在克服单一模式的局限性。

var classA = function(name){
this.name = name;
}
 
classA.prototype.alertName = function(){
alert(this.name);
}
 
var classB = function(name,age){
classA.call(this,name);
this.age = age;
}
 
classB.prototype = new classA();
 
classB.prototype.alertAge = function(){
alert(this.age);
}

这种模式利用对象冒充（如call方法）实现了向父类构造函数传递参数，从而保证属性的私有性；同时利用原型链继承实现了对父类公有方法的共享访问。

介绍完这三种继承方式后，我们需要探讨为何需要混合继承，以及前两种模式存在的具体问题。

读者可能会疑惑，既然已有对象冒充和原型继承，为何还要引入混合继承？主要原因在于前两种模式各自存在明显的缺陷。

首先，通过实际测试可以发现，仅使用对象冒充实现的继承，子类无法访问父类原型链上的方法。

其次，若仅使用原型继承，父类的所有属性都会变成共享属性。这意味着，如果创建同一个子类的多个实例，这些实例将共享所有的父类属性，导致数据污染。

上述两种情况显然不符合实际开发需求。因此，混合继承模式应运而生，它既保持了属性的私有性，又允许子类访问父类原型链上的方法，从而兼顾了灵活性与安全性。

读者可以自行验证：在纯对象冒充中，子类无法访问父类原型方法；在纯原型继承中，子类的所有实例会共享父类的所有属性。此处不再赘述相关测试代码。