JavaScript继承的六种方法：原型链、构造函数、组合继承、原型式继承、寄生式继承、寄生组合继承详解378

JavaScript 作为一门原型语言，没有传统的类继承机制，但这并不意味着它无法实现继承。事实上，JavaScript 提供了多种灵活的方式来模拟继承，每种方法都有其优缺点，选择哪种方法取决于具体的项目需求和个人偏好。本文将详细讲解 JavaScript 中常用的六种继承方法，并分析它们的优劣。

1. 原型链继承

原型链继承是最简单的继承方式，它通过将子类的原型指向父类的实例来实现继承。子类可以访问父类原型上的属性和方法。```javascript
function Parent(name) {
= name;
}
= function() {
return ;
};
function Child(name, age) {
(this, name); // 借用构造函数继承属性
= age;
}
= new Parent(); // 原型链继承方法
= Child; // 修正构造函数
let child = new Child('小明', 10);
(()); // 输出: 小明
(); // 输出: 10
```

优点：简单易懂，代码简洁。

缺点：所有实例共享父类原型上的属性，修改一个实例的属性会影响其他实例；父类构造函数无法传参。

2. 构造函数继承

构造函数继承通过在子类构造函数中调用父类构造函数来实现继承。这种方法可以传递参数给父类构造函数。```javascript
function Parent(name) {
= name;
}
function Child(name, age) {
(this, name);
= age;
}
let child = new Child('小红', 12);
(); // 输出: 小红
(); // 输出: 12
```

优点：可以向父类构造函数传递参数，每个实例拥有自己的属性副本。

缺点：只能继承父类的实例属性，不能继承父类原型上的方法。

3. 组合继承

组合继承结合了原型链继承和构造函数继承的优点，它既可以继承父类原型上的方法，又可以向父类构造函数传递参数。```javascript
function Parent(name) {
= name;
}
= function() {
return ;
};
function Child(name, age) {
(this, name);
= age;
}
= new Parent();
= Child;
let child = new Child('小刚', 15);
(()); // 输出: 小刚
(); // 输出: 15
```

优点：解决了原型链继承和构造函数继承的缺点，是比较常用的继承方式。

缺点：调用了两次父类构造函数，效率略低。

4. 原型式继承

原型式继承通过创建一个对象的副本作为新的对象来实现继承，它利用了 `()` 方法（或模拟实现）。```javascript
function createObj(proto) {
function F() {}
= proto;
return new F();
}
let parent = {
name: '父对象',
getName: function() { return ; }
};
let child = createObj(parent);
= 18;
(()); // 输出: 父对象
(); // 输出: 18
```

优点：简单直接，代码简洁。

缺点：原型上的属性修改会影响所有实例；无法向父对象传递参数。

5. 寄生式继承

寄生式继承是对原型式继承的改进，它通过创建一个辅助函数来创建一个对象的副本，并在此基础上添加额外的属性或方法。```javascript
function createObj(proto) {
let obj = (proto);
= function() { ('Hello!'); };
return obj;
}
let parent = { name: '父对象' };
let child = createObj(parent);
(); // 输出: Hello!
```

优点：可以添加额外的属性和方法，不修改原型。

缺点：每次创建对象都需要调用辅助函数，效率略低。

6. 寄生组合继承

寄生组合继承是目前公认的最佳继承方式，它结合了寄生式继承和组合继承的优点，避免了组合继承中调用两次父类构造函数的问题。```javascript
function inheritPrototype(Child, Parent) {
= ();
= Child;
}
function Parent(name) {
= name;
}
= function() { return ; };
function Child(name, age) {
(this, name);
= age;
}
inheritPrototype(Child, Parent);
let child = new Child('小丽', 20);
(()); // 输出: 小丽
(); // 输出: 20
```