Promise คืออะไรและมีสถานะใดบ้าง?

Question

Accepted Answer

**Promise** คือออบเจ็กต์ที่แทนค่าที่อาจยังไม่พร้อมใช้งาน — ผลลัพธ์สุดท้ายของการดำเนินการแบบอะซิงโครนัส มีสถานะสามแบบ:

- **pending** — เบื้องต้น ยังไม่ได้รับการแก้ไข
- **fulfilled** — เสร็จสิ้นสำเร็จ (มีค่า)
- **rejected** — ล้มเหลว (มีเหตุผล/ข้อผิดพลาด)

เมื่อมันถูกแก้ไข (fulfilled หรือ rejected) มันจะ **immutable** — ไม่สามารถเปลี่ยนแปลงได้อีก

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

## การเชื่อมโยงทำให้ async ที่ซ้อนกันเรียบ

การส่งคืน promise ภายใน `.then` จะรอสำหรับมันก่อนที่จะดำเนินการต่อ เพื่อให้คุณหลีกเลี่ยง callbacks ที่ซ้อนกันลึก ("callback hell"):

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

## Combinators สำหรับ 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)
```

## ทำไมจึงมีความสำคัญ

Promises เป็นพื้นฐานของ async JS — พวกมันแทนที่การซ้อน callback ให้การจัดการข้อผิดพลาดแบบรวม ผ่าน `.catch` และ `async/await` เป็นเพียงไวยากรณ์ที่ดีกว่าเท่านั้น

ลืม `.catch` (การปฏิเสธที่ไม่ได้จัดการ) คือบัก ทั่วไป