原型继承如何工作？

Question

原型继承如何工作？

Accepted Answer

每个 JavaScript 对象都有一条隐藏的链接指向另一个对象，称为其 **prototype**。当你访问一个属性时，JS 在对象自身上查找，然后沿着这个 **prototype chain** 向上走，直到找到属性或到达 `null`。这是 *委托*，而不是复制。

```js
const animal = {
  speak() { return `${this.name} makes a sound`; },
};

const dog = Object.create(animal); // dog's prototype IS animal
dog.name = "Rex";
dog.speak();                       // "Rex makes a sound" — found on the prototype

Object.getPrototypeOf(dog) === animal; // true
dog.hasOwnProperty("speak");           // false — it's inherited, not own
dog.hasOwnProperty("name");            // true
```

## 类如何使用它

`class` 是 prototypes 上的语法糖。方法 **仅在** prototype 上存活一次，由所有实例共享（不是按对象复制）：

```js
class Dog {
  constructor(name) { this.name = name; }
  speak() { return `${this.name} barks`; } // on Dog.prototype
}
const d = new Dog("Rex");
Object.getPrototypeOf(d) === Dog.prototype; // true
```

因此 `d.speak` 不会存储在 `d` 上——它通过向上走到 `Dog.prototype` 来查找。这就是为什么所有狗都共享一个 `speak` 函数（内存高效）。

## 为什么这很重要

理解链可以解释：为什么实例共享方法、为什么改变 prototype 会影响所有链接的对象、`instanceof` 如何工作（它检查链）、以及长查找链的开销。

它是 `class`、内置函数（`Array.prototype.map`）和继承的基础。