Qu'est-ce qu'une Promise et quels sont ses états ?

Question

Accepted Answer

Une **Promise** est un objet représentant une valeur qui ne sera peut-être pas disponible immédiatement — le résultat final d'une opération asynchrone. Elle a trois états :

- **pending** — initial, pas encore résolue.
- **fulfilled** — complétée avec succès (a une valeur).
- **rejected** — échouée (a une raison/erreur).

Une fois qu'elle se stabilise (fulfilled ou rejected), elle est **immutable** — elle ne peut plus changer.

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

## Le chaînage aplatit l'asynchrone imbriquée

Retourner une promise dans `.then` l'attend avant de continuer, donc vous évitez les callbacks profondément imbriqués ("callback hell") :

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

## Combinateurs pour plusieurs 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)
```

## Pourquoi c'est important

Les Promises sont la fondation de l'async JS — elles ont remplacé l'imbrication des callbacks, fournissent une gestion d'erreur unifiée via `.catch`, et `async/await` est juste une meilleure syntaxe par-dessus.

Oublier `.catch` (une rejection non gérée) est une erreur courante.