Hvordan fungerer prototypal arv?

Question

Accepted Answer

Hvert JavaScript-objekt har en skjult lenke til et annet objekt kalt dets **prototype**. Når du får tilgang til en egenskap, ser JS på objektet selv, deretter går opp denne **prototype-kjeden** inntil det finner egenskapen eller når `null`. Dette er *delegering*, ikke kopiering.

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

## Hvordan klasser bruker det

`class` er syntakssukkert over prototyper. Metoder lever **en gang** på prototypen, delt av alle instanser (ikke kopiert per objekt):

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

Så `d.speak` er ikke lagret på `d` — det finnes ved å gå opp til `Dog.prototype`. Derfor deler alle hunder en `speak`-funksjon (minne-effektiv).

## Hvorfor det betyr noe

Å forstå kjeden forklarer: hvorfor instanser deler metoder, hvorfor endring av en prototype påvirker alle koblede objekter, hvordan `instanceof` fungerer (det sjekker kjeden), og kostnaden ved lange oppslags-kjeder.

Det er grunnlaget under `class`, innebygde (`Array.prototype.map`), og arv.