อธิบาย async model: callback, promise, async/await และ event loop

Question

IT Interview Practice · Accepted Answer

**เหล่านี้คือวิธีที่ค่อย ๆ ดีขึ้นในการแสดงงานแบบ non-blocking บน thread เดียว โดยทั้งหมดถูกขับเคลื่อนเบื้องล่างด้วย event loop ที่รัน callback ที่พร้อมทำงานทีละตัว** พวกมันจัดการ *ว่าเมื่อไร* โค้ดจะทำงานต่อ ไม่ใช่การจัดการหลาย thread

## Event loop

ลูปแบบ single-thread ดูแล queue ของ callback ที่พร้อมทำงาน เมื่อ async operation (timer, I/O) เสร็จสิ้น callback ของมันจะถูกใส่เข้า queue; ลูปหยิบตัวถัดไปมารันจนจบ แล้วทำซ้ำ ไม่มีอะไร preempt callback ที่กำลังรันอยู่ ดังนั้นงาน CPU ที่ยาวจะบล็อกทุกอย่าง

```text
[event loop] → run callback → I/O finishes → enqueue callback → run next → ...
```

## สามสไตล์

```js
// 1. Callbacks — nesting gets ugly ("callback hell")
readFile('a', (e, a) => readFile('b', (e, b) => done(a, b)));

// 2. Promises — chainable, flat error handling
readFile('a').then(a => readFile('b')).then(b => ...).catch(err => ...);

// 3. async/await — sequential-looking, still non-blocking
async function run() {
  const a = await readFile('a');   // yields to the loop while waiting
  const b = await readFile('b');
  return done(a, b);
}
```

`await` ระงับฟังก์ชันและคืนการควบคุมให้ event loop; เมื่อ promise resolve แล้ว การทำงานจะดำเนินต่อจากจุดที่หยุดไว้ มันคือ syntactic sugar ที่วางทับบน promise — เป็น event loop เดียวกันเบื้องล่าง

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

โมเดลนี้ขับเคลื่อน Node.js, เบราว์เซอร์ และ Python asyncio: concurrency ของ I/O มหาศาลบน thread เดียวโดยไม่มีความซับซ้อนของ lock จุดที่ต้องระวังคือคุณต้องไม่บล็อกลูปเด็ดขาด — การเรียกที่ใช้ CPU หนักหรือแบบ blocking แบบ synchronous จะทำให้ทุก task ที่รออยู่ค้าง การเข้าใจว่า async ≠ parallel เป็นตัวแยกแยะที่พบบ่อยในการสัมภาษณ์

Event loop

สามสไตล์

ทำไมจึงสำคัญ

คำถามที่เกี่ยวข้อง