了解原型 inheritance (Javascript)

Question

我试图了解原型 inheritance 在 Javascript 中使用构造函数时的工作原理。 以下面的代码为例：

let Animal = function (name, species, birthYear) {
  this.name = name;
  this.species = species;
  this.birthYear = birthYear;
};

let spike = new Animal(`Spike`, `Dog`, 2000);

Animal.prototype.calculateAge = function () {
  let age = 2022 - this.birthYear;
  return age;
};

Animal.prototype.color = `brown`;

spike.calculateAge();
console.log(spike.color);
console.log(spike);

最后三行是我难以理解的。 如果我的解释在任何时候被误导，请告诉我。

我可以在尖峰 object 上调用 calculateAge() 方法，因为它继承了 Animal 原型的方法。 同样，我可以将尖峰颜色属性记录到控制台，因为尖峰 object 继承了动物原型的颜色属性。 当我使用 console.log() 检查尖峰 object 时，它具有我定义的名称、物种和出生年份的属性，但也有一个原型。 这是否意味着尖峰 object 包含原型，或者这只是识别它继承了上述方法和属性的原型？ 另外，我真的不觉得我理解这个 Animal 原型是什么。 我知道代码可以工作，一切都很好，但是这个动物原型到底是什么？ 它本身是它自己的 object 吗？

感谢您提供的任何解释。

Answer 1

我想你应该首先深入了解Javascript背后的面向object的范式。

Javascript 是一种基于原型的 object 面向编程语言。

操作以原型语言编码在原型数据结构中，并在运行时复制和更新。 然而，当抽象地观察时，对于具有相同 state 空间和方法的所有对象，class 仍然是等价的 class。 当您向原型添加方法时，您实际上是在创建一个新的等价元素 class。

那么，你为什么要这么做？ 主要是因为它产生了一个简单、合乎逻辑和优雅的运行时系统。 要创建新的 object 或 class，只需进行深度复制，即复制所有数据以及原型数据结构。 然后你几乎没有得到 inheritance 和多态性：方法查找总是需要从字典中按名称请求方法实现。

更具体地说，JavaScript 是一种基于原型的面向对象语言，这意味着它没有类，而是使用构造函数定义行为，然后可以使用原型重用。