프로토타입 상속(prototypal inheritance)은 어떻게 동작하나요?

Question

Accepted Answer

모든 JavaScript 객체는 **프로토타입(prototype)**이라는 다른 객체에 대한 숨겨진 링크를 가집니다. 속성에 접근하면 JS는 먼저 객체 자체에서 찾고, 그다음 이 **프로토타입 체인(prototype chain)**을 따라 올라가며 속성을 찾거나 `null`에 도달할 때까지 탐색합니다. 이것은 복사가 아니라 *위임(delegation)*입니다.

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

const dog = Object.create(animal); // dog의 프로토타입이 곧 animal
dog.name = "Rex";
dog.speak();                       // "Rex makes a sound" — 프로토타입에서 발견됨

Object.getPrototypeOf(dog) === animal; // true
dog.hasOwnProperty("speak");           // false — 상속된 것이지 자신의 것이 아님
dog.hasOwnProperty("name");            // true
```

## 클래스가 이를 사용하는 방식

`class`는 프로토타입 위에 얹은 문법적 설탕(syntax sugar)입니다. 메서드는 프로토타입에 **한 번** 존재하며, 모든 인스턴스가 공유합니다(객체마다 복사되지 않음):

```js
class Dog {
  constructor(name) { this.name = name; }
  speak() { return `${this.name} barks`; } // 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`), 그리고 상속의 기반입니다.