Wat is een Promise en welke states heeft het?

Question

Accepted Answer

A **Promise** is an object representing a value that may not be available yet — the eventual result of an asynchronous operation. Het heeft drie states:

- **pending** — initiaal, nog niet afgerond.
- **fulfilled** — succesvol voltooid (heeft een waarde).
- **rejected** — mislukt (heeft een reden/fout).

Zodra het afgerond is (fulfilled of rejected) is het **immutable** — het kan niet meer veranderen.

```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 flatten nested async

Een promise teruggeven in `.then` wacht er op voordat het doorgaat, dus u vermijdt diep geneste callbacks ("callback hell"):

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

## Combinators voor meerdere 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)
```

## Waarom het belangrijk is

Promises zijn de basis van async JS — ze vervingen callback nesting, geven unified error handling via `.catch`, en `async/await` is gewoon betere syntax erbovenop.

Vergeten `.catch` (unhandled rejection) is een veelvoorkomende bug.