Hva er et Promise og hvilke tilstander har det?

Question

Accepted Answer

Et **Promise** er et objekt som representerer en verdi som kanskje ikke er tilgjengelig ennå — resultatet av en asynkron operasjon. Det har tre tilstander:

- **pending** — initiell tilstand, ikke avgjort ennå.
- **fulfilled** — fullført vellykket (har en verdi).
- **rejected** — mislykket (har en grunn/feil).

Når det blir avgjort (fulfilled eller rejected) er det **immutable** — det kan ikke endre seg igjen.

```js
fetch("/api/user")
  .then(res => res.json())     // runs on fulfillment; return value flows down
  .then(user => render(user))
  .catch(err => showError(err)) // runs on ANY rejection in the chain
  .finally(() => hideSpinner()); // always runs
```

## Chaining flattens nested async

Å returnere et promise inne i `.then` venter på det før det fortsetter, slik at du unngår dypt nestede callbacks ("callback hell"):

```js
getUser(id)
  .then(user => getPosts(user.id)) // returns a promise → chain waits for it
  .then(posts => console.log(posts));
```

## Combinators for multiple promises

```js
Promise.all([a, b, c]);     // wait for ALL; rejects fast if any fails
Promise.allSettled([a, b]); // wait for all, get each result/error
Promise.race([a, b]);       // settles with the FIRST to settle
Promise.any([a, b]);        // first to FULFILL (ignores rejections)
```

## Hvorfor det er viktig

Promises er grunnlaget for asynkron JS — de erstattet callback-nesting, gir enhetlig feilhåndtering via `.catch`, og `async/await` er bare finere syntaks på toppen av dem.

Å glemme `.catch` (en uhåndtert avvisning) er en vanlig feil.