Jelaskan model async: callback, promise, async/await, dan event loop.

Question

IT Interview Practice · Accepted Answer

**Ini adalah cara-cara yang secara progresif lebih baik untuk mengekspresikan pekerjaan non-blocking pada satu thread, yang semuanya digerakkan di baliknya oleh sebuah event loop yang menjalankan callback yang siap satu per satu.** Mereka mengelola *kapan* kode dilanjutkan, bukan banyak thread.

## Event loop

Sebuah loop single-threaded memelihara sebuah queue berisi callback yang siap. Ketika sebuah operasi async (timer, I/O) selesai, callback-nya di-enqueue; loop mengambil yang berikutnya dan menjalankannya hingga selesai, lalu mengulang. Tidak ada yang men-preempt callback yang sedang berjalan, sehingga pekerjaan CPU yang panjang memblokir segalanya.

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

## Tiga gaya

```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` menangguhkan fungsi dan mengembalikan kendali ke event loop; ketika promise resolve, eksekusi dilanjutkan dari tempat ia berhenti. Ia adalah syntactic sugar di atas promise — event loop yang sama di baliknya.

## Mengapa ini penting

Model ini menggerakkan Node.js, browser, dan Python asyncio: concurrency I/O masif pada satu thread tanpa kerumitan lock. Tangkapannya adalah Anda tidak boleh memblokir loop — sebuah panggilan sinkron yang berat CPU atau blocking menghentikan setiap task yang tertunda. Memahami bahwa async ≠ parallel adalah pembeda yang umum dalam wawancara.

Event loop

Tiga gaya

Mengapa ini penting

Pertanyaan terkait