プロトタイプ継承はどのように動作しますか？

Question

Accepted Answer

JavaScript のすべてのオブジェクトは、**プロトタイプ**と呼ばれる別のオブジェクトへの隠れたリンクを持っています。プロパティにアクセスすると、JS はまずオブジェクト自身を調べ、次にこの**プロトタイプチェーン**を上にたどっていき、プロパティが見つかるか `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` はプロトタイプに対する糖衣構文です。メソッドはプロトタイプ上に**一度だけ**置かれ、すべてのインスタンスで共有されます（オブジェクトごとにコピーされません）。

```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` までたどって見つけられます。だからこそすべての dog が一つの `speak` 関数を共有します（メモリ効率がよい）。

## なぜ重要なのか

チェーンを理解すると、なぜインスタンスがメソッドを共有するのか、なぜプロトタイプを変更するとリンクされたすべてのオブジェクトに影響するのか、`instanceof` がどう動作するのか（チェーンをチェックする）、長いルックアップチェーンのコストがわかります。

これは `class`、組み込み（`Array.prototype.map`）、継承の土台となっています。