Cos'è una Promise e quali stati ha?

Question

Accepted Answer

Una **Promise** è un oggetto che rappresenta un valore che potrebbe non essere ancora disponibile — il risultato definitivo di un'operazione asincrona. Ha tre stati:

- **pending** — iniziale, non ancora risolta.
- **fulfilled** — completata con successo (ha un valore).
- **rejected** — fallita (ha un motivo/errore).

Una volta risolta (fulfilled o rejected) è **immutable** — non può più cambiare.

```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 appiattisce gli async annidati

Restituire una promise dentro `.then` ne attende il completamento prima di proseguire, quindi eviti callback profondamente annidati ("callback hell"):

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

## Combinatori per 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)
```

## Perché è importante

Le promises sono il fondamento dell'async JS — hanno sostituito l'annidamento di callback, forniscono gestione unificata degli errori tramite `.catch`, e `async/await` è solo una sintassi più piacevole costruita su di esse.

Dimenticare `.catch` (una rejection non gestita) è un bug comune.