Vad är en Promise och vilka tillstånd har den?

Question

Accepted Answer

En **Promise** är ett objekt som representerar ett värde som kanske inte är tillgängligt ännu — slutresultatet av en asynkron operation. Den har tre tillstånd:

- **pending** — initialt, ännu inte löst.
- **fulfilled** — slutfört framgångsrikt (har ett värde).
- **rejected** — misslyckades (har en anledning/ett fel).

När den väl löses (fulfilled eller rejected) är den **immutable** — den kan inte ändras igen.

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

## Kedjning plattar ut kapslad async

Att returnera en promise inuti `.then` väntar på den innan den fortsätter, så du undviker djupt kapslade callbacks ("callback hell"):

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

## Kombinatorer för flera 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)
```

## Varför det är viktigt

Promises är grunden för async JS — de ersatte callback-kapsling, ger enhetlig felhantering via `.catch`, och `async/await` är bara snyggare syntax ovanpå dem.

Att glömma `.catch` (en ohanterad avvisning) är en vanlig bugg.