Kaip veikia prototipinė paveldėjimas?

Question

Accepted Answer

Kiekvienas JavaScript objektas turi paslėptą ryšį su kitu objektu, vadinamu jo **prototipu**. Kai jūs pasiekiate savybę, JS ieško pačiame objekte, tada eina aukštyn šia **prototipo grandinė** kol nepavadinė savybę arba pasieka `null`. Tai yra *delegavimas*, o ne kopijavimas.

```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
```

## Kaip klasės jį naudoja

`class` yra sintaksinis cukrus virš prototipų. Metodai gyvena **vieną kartą** prototipe, bendrinti visų instancijų (ne kopijuoti kiekvienam objektui):

```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
```

Taigi `d.speak` nėra saugomas `d` — jis randamas einant aukštyn į `Dog.prototype`. Štai kodėl visi šunys dalijasi viena `speak` funkcija (efektyvus atmintis).

## Kodėl tai svarbu

Supratimas apie grandinę paaiškina: kodėl instancijos dalijasi metodais, kodėl prototipo pakeitimas paveikia visus susietus objektus, kaip veikia `instanceof` (jis tikrina grandinę) ir ilgų paieškos grandinių kainą.

Ji yra pagrindas po `class`, įtaisytomis (`Array.prototype.map`) ir paveldėjimu.