本文共 1644 字，大约阅读时间需要 5 分钟。

对象之间的继承是JavaScript中实现类似于面向对象编程的重要机制。以下将介绍如何实现对象之间的继承，主要讨论五种常用的方法。

1. 构造函数绑定

最简单的方法是使用 call 或 apply 方法，将父对象的构造函数绑定在子对象上。这种方法适用于较为简单的继承场景。例如，可以在子对象的构造函数中添加以下代码：

function Cat(name, color) {
  Animal.apply(this, arguments);
  this.name = name;
  this.color = color;
}

这样一来，Cat 实例将继承 Animal 的属性和方法。例如：

var cat1 = new Cat("大毛", "黄色");
alert(cat1.species); // 输出: 动物

2. prototype 模式

第二种更常见的方法是使用 prototype 属性。通过将子对象的 prototype 指向父对象的实例，可以实现继承。例如：

Cat.prototype = new Animal();
Cat.prototype.constructor = Cat;

这样一来，Cat 实例将继承 Animal 的属性和方法。例如：

var cat1 = new Cat("大毛", "黄色");
alert(cat1.species); // 输出: 动物

需要注意的是，在替换 prototype 对象时，必须手动重设 constructor 属性，避免继承链紊乱。

3. 直接继承 prototype

为了高效继承，可以直接将子对象的 prototype 指向父对象的 prototype。这种方法省去了实例化的开销。例如：

function Animal() {} 
Animal.prototype.species = "动物";
Cat.prototype = Animal.prototype;
Cat.prototype.constructor = Cat;

这样一来，Cat 实例将直接继承 Animal 的属性和方法。例如：

var cat1 = new Cat("大毛", "黄色");
alert(cat1.species); // 输出: 动物

需要注意的是，直接继承 prototype 会导致 prototype 对象共享，需谨慎使用。

4. 利用空对象作为中介

为了避免 prototype 对象共享的问题，可以通过一个空对象作为中介。这种方法既节省内存，又保持了对原型链的完整控制。例如：

var F = function() {};
F.prototype = Animal.prototype;
Cat.prototype = new F();
Cat.prototype.constructor = Cat;

这样一来，Cat 实例将继承 Animal 的属性和方法，且不共享 prototype 对象。例如：

var cat1 = new Cat("大毛", "黄色");
alert(cat1.species); // 输出: 动物

5. 拷贝继承

另一种传统的继承方式是通过拷贝父对象的属性和方法到子对象中。这种方法适用于对继承机制要求不高的场景。例如：

function extend2(Child, Parent) {
  var p = Parent.prototype;
  var c = Child.prototype;
  
  for (var i in p) {
    c[i] = p[i];
  }
  c.uber = p;
}

使用方法如下：

extend2(Cat, Animal);
var cat1 = new Cat("大毛", "黄色");
alert(cat1.species); // 输出: 动物

这种方法虽然简单，但不如前述方法高效，主要用于理解继承的基本概念。

转载地址：http://hcqfk.baihongyu.com/