Apa itu Promise dan state apa sajakah yang dimilikinya?

Question

Accepted Answer

**Promise** adalah objek yang merepresentasikan nilai yang mungkin belum tersedia — hasil akhir dari operasi asinkron. Memiliki tiga state:

- **pending** — awal, belum settled.
- **fulfilled** — selesai dengan sukses (memiliki nilai).
- **rejected** — gagal (memiliki alasan/error).

Setelah settled (fulfilled atau rejected) ia **immutable** — tidak bisa berubah lagi.

```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 meratakan async yang bersarang

Mengembalikan promise di dalam `.then` menunggu promise tersebut sebelum melanjutkan, sehingga Anda menghindari callback yang bersarang dalam ("callback hell"):

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

## Combinators untuk 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)
```

## Mengapa ini penting

Promises adalah fondasi async JS — mereka menggantikan callback nesting, memberikan unified error handling melalui `.catch`, dan `async/await` hanyalah syntax yang lebih bagus di atasnya.

Melupakan `.catch` (unhandled rejection) adalah bug yang umum.