踏上原型继承之道，探寻代码智慧

2024-01-10 23:11:46

在JavaScript的王国里，原型对象是构建万物之源，它为对象提供了共有的属性和方法。继承是面向对象编程中不可或缺的概念，它允许对象从父对象那里继承属性和方法，从而创建出新的对象，并扩展其功能。在JavaScript中，我们可以通过两种方式实现继承：原型链继承和构造函数继承。

原型链继承：沿着父辈的足迹前行

原型链继承是一种简单而优雅的方式来实现继承。它允许一个对象通过其原型对象访问父对象的所有属性和方法。每个对象都拥有一个原型对象，而这个原型对象又拥有自己的原型对象，如此层层递进，形成一条原型链。当一个对象需要访问某个属性或方法时，它首先会在自身中查找，如果找不到，则会沿着原型链向上查找，直到找到该属性或方法为止。

原型链继承的实现方式很简单：只需将子对象的原型对象指向父对象即可。例如，如果我们想要创建一个名为Ninja的新对象，并希望它继承Person对象的属性和方法，我们可以这样做：

function Person(name) {
  this.name = name;
  this.dance = function() {
    console.log(this.name + " is dancing.");
  };
}

function Ninja(name, weapon) {
  Person.call(this, name);
  this.weapon = weapon;
}

Ninja.prototype = new Person();

var ninja = new Ninja("Ryu", "Katana");
ninja.dance(); // Ryu is dancing.

在上面的代码中，我们首先定义了一个Person函数，它代表父对象。然后我们定义了一个Ninja函数，它代表子对象。在Ninja函数中，我们使用Person.call(this, name);语句来调用Person函数，并将this作为第一个参数传递给Person函数，这将创建一个新的Person对象，并将它作为Ninja对象的原型对象。接下来，我们定义了一个weapon属性，它代表Ninja对象特有的属性。最后，我们使用Ninja.prototype = new Person();语句来将Ninja对象的原型对象指向Person对象的原型对象。

现在，我们就可以创建一个新的Ninja对象，并调用它的dance()方法了。当Ninja对象调用dance()方法时，它会首先在自身中查找这个方法，但它并没有找到，于是它会沿着原型链向上查找，直到找到Person对象的dance()方法。然后，它就会调用Person对象的dance()方法，并输出"Ryu is dancing."。

构造函数继承：从根源处传承力量

构造函数继承是一种更为直接的方式来实现继承。它允许一个对象通过调用父对象的构造函数来继承父对象的所有属性和方法。在构造函数继承中，子对象的构造函数会调用父对象的构造函数，并将子对象作为参数传递给父对象的构造函数。例如，我们可以将上面的代码修改为以下形式：

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

Person.prototype.dance = function() {
  console.log(this.name + " is dancing.");
};

function Ninja(name, weapon) {
  Person.call(this, name);
  this.weapon = weapon;
}

var ninja = new Ninja("Ryu", "Katana");
ninja.dance(); // Ryu is dancing.

在上面的代码中，我们依然定义了一个Person函数，它代表父对象。然后我们定义了一个Ninja函数，它代表子对象。在Ninja函数中，我们使用Person.call(this, name);语句来调用Person函数，并将this关键字作为第一个参数传递给Person函数，这将创建一个新的Person对象，并将它作为Ninja对象的原型对象。接下来，我们定义了一个weapon属性，它代表Ninja对象特有的属性。