Promise là gì và nó có những trạng thái nào?

Question

Accepted Answer

Một **Promise** là một object đại diện cho một giá trị có thể chưa sẵn có — kết quả cuối cùng của một thao tác bất đồng bộ. Nó có ba trạng thái:

- **pending** — trạng thái ban đầu, chưa giải quyết xong (settled).
- **fulfilled** — hoàn thành thành công (có một giá trị).
- **rejected** — thất bại (có một lý do/lỗi).

Một khi nó settled (fulfilled hoặc rejected) thì nó **bất biến** — không thể thay đổi nữa.

```js
fetch("/api/user")
  .then(res => res.json())     // chạy khi fulfilled; giá trị trả về chảy xuống dưới
  .then(user => render(user))
  .catch(err => showError(err)) // chạy khi BẤT KỲ rejection nào trong chuỗi
  .finally(() => hideSpinner()); // luôn luôn chạy
```

## Chaining làm phẳng async lồng nhau

Trả về một promise bên trong `.then` sẽ chờ nó trước khi tiếp tục, nên bạn tránh được những callback lồng nhau sâu ("callback hell"):

```js
getUser(id)
  .then(user => getPosts(user.id)) // trả về một promise → chuỗi chờ nó
  .then(posts => console.log(posts));
```

## Các combinator cho nhiều promise

```js
Promise.all([a, b, c]);     // chờ TẤT CẢ; reject nhanh nếu có cái nào thất bại
Promise.allSettled([a, b]); // chờ tất cả, lấy từng kết quả/lỗi
Promise.race([a, b]);       // settle với cái ĐẦU TIÊN settle
Promise.any([a, b]);        // cái đầu tiên FULFILL (bỏ qua các rejection)
```

## Tại sao điều này quan trọng

Promise là nền tảng của async JS — chúng thay thế việc lồng callback, cung cấp xử lý lỗi thống nhất qua `.catch`, và `async/await` chỉ là cú pháp đẹp hơn trên nền chúng.

Quên `.catch` (một unhandled rejection) là một lỗi phổ biến.