Promise とは何で、どのような状態を持ちますか？

Question

Accepted Answer

**Promise** は、まだ利用できないかもしれない値、すなわち非同期処理の最終的な結果を表すオブジェクトです。3 つの状態を持ちます。

- **pending** — 初期状態。まだ確定していない。
- **fulfilled** — 正常に完了した（値を持つ）。
- **rejected** — 失敗した（理由／エラーを持つ）。

一度確定すると（fulfilled または rejected）、それは**不変**であり、再び変化することはありません。

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

## チェーンでネストした非同期処理が平坦になる

`.then` の中で promise を返すと、続行する前にそれが完了するのを待つため、深くネストしたコールバック（「コールバック地獄」）を避けられます。

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

## 複数の promise を扱うコンビネータ

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

## なぜ重要なのか

Promise は非同期 JS の基盤です。コールバックのネストを置き換え、`.catch` による統一的なエラー処理を提供し、`async/await` はその上に乗ったより読みやすい構文にすぎません。

`.catch` を忘れること（未処理の reject）はよくあるバグです。