继承的正确用法：实现Animal和Cat的对象之间的继承关系，重新认识面向对象继承，带你学懂真正的原型链

2023-09-21 00:04:29

JavaScript 面向对象编程中的继承机制是理解和构建复杂系统的关键。在第一部分中，我们探讨了原型链继承的基本原理，但在实践中，我们经常需要使用构造函数继承来实现更加复杂的继承关系。在本篇文章中，我们将深入剖析构造函数继承的正确用法，带领你真正掌握面向对象继承的精髓。

构造函数继承：通往继承的另一条道路

构造函数继承是一种通过构造函数来实现继承关系的机制。它允许子类继承父类的属性和方法，同时子类还可以定义自己的属性和方法。

实现构造函数继承的步骤如下：

定义父类构造函数。
定义子类构造函数。
在子类构造函数中，使用 call() 或 apply() 方法调用父类构造函数，以继承父类的属性和方法。

function Animal(name) {
  this.name = name;
}

Animal.prototype.speak = function() {
  console.log(`My name is ${this.name}`);
};

function Cat(name) {
  Animal.call(this, name);
  this.type = "cat";
}

Cat.prototype.purr = function() {
  console.log("Purr...");
};

const kitty = new Cat("Kitty");
kitty.speak(); // My name is Kitty
kitty.purr(); // Purr...

在上面的示例中，我们定义了 Animal 构造函数和 Cat 构造函数，并在 Cat 构造函数中调用了 Animal 构造函数。这样，Cat 类就继承了 Animal 类的属性和方法，并可以定义自己的属性和方法。

构造函数继承的局限性

构造函数继承虽然简单易懂，但在实际使用中存在一些局限性。例如：

不能继承父类原型上的方法。 在构造函数继承中，子类只继承了父类实例上的属性和方法，而无法继承父类原型上的方法。
不能在子类中重写父类方法。 在构造函数继承中，如果子类中定义了与父类相同名称的方法，那么子类的方法将覆盖父类的方法，无法实现方法的重写。
难以实现多重继承。 在构造函数继承中，一个子类只能继承一个父类，无法实现多重继承。

替代方案：原型链继承

为了克服构造函数继承的局限性，JavaScript 提供了原型链继承机制。原型链继承是一种通过原型对象来实现继承关系的机制。它允许子类继承父类的属性和方法，同时子类也可以定义自己的属性和方法。

实现原型链继承的步骤如下：

定义父类构造函数。
定义子类构造函数。
在子类构造函数中，将子类原型对象的原型指向父类构造函数的原型对象。

function Animal(name) {
  this.name = name;
}

Animal.prototype.speak = function() {
  console.log(`My name is ${this.name}`);
};

function Cat(name) {
  this.name = name;
  this.type = "cat";
}

Cat.prototype = new Animal();

Cat.prototype.purr = function() {
  console.log("Purr...");
};

const kitty = new Cat("Kitty");
kitty.speak(); // My name is Kitty
kitty.purr(); // Purr...