¿Qué es una Promise y qué estados tiene?

Question

Accepted Answer

Una **Promise** es un objeto que representa un valor que quizá aún no esté disponible — el resultado eventual de una operación asíncrona. Tiene tres estados:

- **pending** — inicial, todavía sin resolver.
- **fulfilled** — completada con éxito (tiene un valor).
- **rejected** — falló (tiene un motivo/error).

Una vez que se asienta (fulfilled o rejected) es **inmutable** — no puede volver a cambiar.

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

## El encadenamiento aplana lo asíncrono anidado

Retornar una promise dentro de `.then` espera a que se resuelva antes de continuar, así evitas los callbacks profundamente anidados ("callback hell"):

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

## Combinadores para múltiples 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)
```

## Por qué es importante

Las promises son la base de la JS asíncrona — reemplazaron el anidamiento de callbacks, ofrecen manejo de errores unificado vía `.catch`, y `async/await` no es más que una sintaxis más agradable encima de ellas.

Olvidar el `.catch` (un rechazo no manejado) es un error común.