Was ist ein Promise und welche Zustände hat es?

Question

Accepted Answer

Ein **Promise** ist ein Objekt, das einen Wert darstellt, der möglicherweise noch nicht verfügbar ist — das letztendliche Ergebnis einer asynchronen Operation. Es hat drei Zustände:

- **pending** — initial, noch nicht entschieden.
- **fulfilled** — erfolgreich abgeschlossen (hat einen Wert).
- **rejected** — fehlgeschlagen (hat einen Grund/Fehler).

Sobald es sich einstellt (fulfilled oder rejected), ist es **immutable** — es kann sich nicht mehr ändern.

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

## Verkettung flacht verschachtelte Async ab

Ein Promise in `.then` zurückzugeben wartet darauf, bevor es weitergeht, sodass du tief verschachtelte Callbacks ("callback hell") vermeidest:

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

## Kombinatoren für mehrere 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)
```

## Warum es wichtig ist

Promises sind die Grundlage von async JS — sie ersetzten Callback-Verschachtelung, ermöglichen einheitliche Fehlerbehandlung über `.catch`, und `async/await` ist einfach bessere Syntax darauf.

`.catch` zu vergessen (ein unbehandelter Fehler) ist ein häufiger Fehler.