JavaScript的9种继承实现方式归纳

JavaScript中的继承机制是一种强大的编程概念，它允许开发者创建基于现有对象的新对象，并继承其属性和方法。不同于基于类的语言，JavaScript中的继承是基于原型的。接下来，我们将详细介绍JavaScript中的九种继承实现方式。

一、原型链继承

原型链继承是JavaScript中实现继承的默认方式。在原型链继承中，子对象的原型链会指向父对象的一个实例。这种方式简单易懂，但需要注意，当父对象的属性被修改时，所有通过该原型链继承的子对象都会受到影响。因此在实际应用中，需要注意区分可重用和不可重用的属性。

二、原型继承（非原型链）

三、临时构造器继承

为了解决上述问题，我们可以使用临时构造器作为中间层。这种方法通过创建一个临时构造函数，其原型指向父对象原型，然后子对象原型指向临时构造函数的实例。这样，所有子对象原型的操作都在临时构造器的实例上完成，不会影响到父对象原型。为了在子对象中访问父级原型中的属性，可以在子对象构造器上添加一个指向父对象原型的属性，如“uber”。

我们可以将上述继承方式封装成一个函数，以便日后方便调用。以下是相关代码实现：

```javascript

// 继承方式一：原型链继承

function extend(Child, Parent) {

var F = function() {}; // 创建一个空构造函数

F.prototype = Parent.prototype; // 将父级原型赋值给空构造函数的原型

Child.prototype = new F(); // 通过空构造函数创建子级原型对象

Child.prototype.constructor = Child; // 设置子级构造函数的prototype属性指向子级原型对象

Child.uber = Parent.prototype; // 为子级构造函数添加一个uber属性，指向父级原型对象

}

// 使用示例：extend(Dog, Animal);

接下来介绍另一种继承方式——属性拷贝。这种方式主要不是通过原型链来实现继承，而是直接将父级原型对象的属性复制到子级原型对象中。以下是相关代码实现：

```javascript

// 继承方式二：属性拷贝（浅拷贝）

function extend2(Child, Parent) {

var p = Parent.prototype; // 父级原型对象

var c = Child.prototype; // 子级原型对象

for (var i in p) { // 遍历父级原型对象的属性

c[i] = p[i]; // 将属性复制到子级原型对象中

}

c.uber = p; // 为子级原型对象添加一个uber属性，指向父级原型对象

}

```

这种方式会对部分原型属性进行重建，构建对象时的效率会相对较低，但能减少原型链的查找。个人认为这种方式的优点并不明显。

除了基于构造器间的继承方法，还可以实现对象间的继承，包括浅拷贝和深拷贝。浅拷贝是创建一个新的空对象，然后将要继承的对象的属性复制到新对象中。深拷贝则能解决浅拷贝无法复制对象类型属性的问题，通过递归调用实现深层次的复制。以下是相关代码实现：

```javascript

// 继承方式三：对象间继承（浅拷贝）

function extendCopy(p) {

var c = {}; // 创建一个新的空对象

for (var i in p) { // 遍历要继承的对象的属性

c[i] = p[i]; // 将属性复制到新对象中

}

c.uber = p; // 为新对象添加一个uber属性，指向要继承的对象

return c; // 返回新对象

}

// 继承方式四：对象间继承（深拷贝）

function deepCopy(p, c) {

c = c || {}; // 如果没有传入新对象，则创建一个新的空对象

for (var i in p) { // 遍历要继承的对象的属性

if (p.hasOwnProperty(i)) { // 确保属性是对象自身的属性而不是继承来的属性

if (typeof p[i] === 'object') { // 如果属性是对象类型

c[i] = Array.isArray(p[i]) ? [] : {}; // 创建对应的对象或数组

deepCopy(p[i], c[i]); // 递归调用，进行深拷贝

} else { // 如果属性是基本类型值，直接复制即可

c[i] = p[i];

}

}

}

7. 原型继承与属性拷贝的交融

在JavaScript中，原型继承是一种强大的机制，允许我们以父对象为原型来构建子对象。想象一下，你正在打造一件艺术品，而这件艺术品的原型是你已经拥有的一个完美模型。通过原型继承，你可以在此基础上添加或修改属性，创造出独一无二的作品。

让我们看一个具体的例子：

有一个函数 `ojbectPlus`，它接受两个参数，一个是父对象 `o`，另一个是需要拷贝属性的对象 `stuff`。这个函数首先创建了一个新的空对象 `n`，并以 `o` 作为其原型。然后，它将 `stuff` 中的所有属性复制到 `n` 中。这意味着，除了从父对象继承的属性之外，子对象 `n` 还可以拥有额外的属性。这种方式允许我们在不改变父对象的情况下，为子对象添加或修改属性。

8. 多重继承的力量

多重继承是另一种强大的机制，它允许一个对象从多个来源继承属性。想象一下，你正在创建一个新的角色，这个角色需要拥有战士和法师的技能。通过使用多重继承，你可以将战士和法师的属性都复制到这个角色身上。

函数 `multi` 接受多个对象作为参数，并将它们的属性全部复制到新创建的对象中。如果多个对象具有相同的属性，后传入对象的属性会覆盖前面的。这种方式的灵活性非常高，允许我们根据需要轻松组合不同的属性。

9. 构造器借用：改变游戏规则的技巧

在JavaScript中，`call()` 和 `apply()` 方法提供了一种改变函数执行上下文的方式。这种技巧在继承的实现中也非常有用。构造器借用是一种特殊的技术，它在子对象的构造器中调用父对象的构造函数。

想象一下，你正在创建一个新的汽车模型，而这个模型基于一个已经存在的经典车型。通过构造器借用，你可以使用经典车型的构造器来初始化你的新模型，同时保留自己的独特属性和功能。这种方式的好处是，子对象会完全重建自己的属性，不会受到父对象的影响。如果不正确地处理原型链，可能会出现一些问题。为了解决这个问题，我们可以使用迭代复制等方法来正确地实现继承。

原型继承、属性拷贝和构造器借用是JavaScript中面向对象编程的重要概念。通过深入理解这些概念并灵活运用，我们可以创建出强大、灵活的对象结构，为应用程序带来无限的可能性。