Bandingkan callbacks, Promises dan async/await.

Question

Accepted Answer

Ini adalah tiga generasi penanganan operasi **asinkron** di Node — masing-masing meningkatkan keterbacaan dibanding yang sebelumnya, tetapi semuanya dibangun atas fondasi event-loop yang sama.

## 1. Callbacks — yang asli (dan "callback hell")

```js
fs.readFile("a.txt", (err, a) => {
  if (err) return handle(err);            // error-first callback convention
  fs.readFile("b.txt", (err, b) => {       // nesting deepens with each step...
    if (err) return handle(err);
    db.save(a + b, (err) => {              // "pyramid of doom"
      if (err) return handle(err);
    });
  });
});
```

Konvensi Node adalah **error-first callbacks** (`(err, result)`). Mereka bekerja tetapi bersarang dalam-dalam dan menyebarkan penanganan error — sulit dibaca dan dipertahankan.

## 2. Promises — dapat dirantai, lebih datar

```js
readFile("a.txt")
  .then(a => readFile("b.txt").then(b => a + b)) // return a promise → chain waits
  .then(combined => db.save(combined))
  .catch(handle);                                 // ONE place for all errors
```

Sebuah Promise mewakili nilai masa depan; `.then` merantai langkah-langkah dan `.catch` menangani error apa pun dalam rantai — lebih datar daripada callbacks bersarang.

## 3. async/await — terlihat sinkron (standar modern)

```js
async function combine() {
  try {
    const a = await readFile("a.txt");   // pause until resolved
    const b = await readFile("b.txt");
    await db.save(a + b);
  } catch (err) {
    handle(err);                          // normal try/catch works
  }
}
```

`async/await` adalah sintaksis gula di atas Promises — dibaca dari atas ke bawah seperti kode sinkron, menggunakan `try/catch` biasa, dan merupakan gaya modern yang direkomendasikan.

## Jangan serialisasi pekerjaan independen

```js
// ❌ sequential — slow
const a = await getA(); const b = await getB();
// ✅ parallel — both at once
const [a, b] = await Promise.all([getA(), getB()]);
```

## Hubungan

```text
Callbacks → Promises → async/await
All use the event loop. Promises wrap callbacks; async/await wraps Promises.
Modern code: async/await, with Promise.all to parallelize independent ops.
```

## Mengapa ini penting

Penanganan asinkron tidak dapat dihindari di Node (semua I/O asinkron).

Memahami progresnya — error-first callbacks (masih umum di API/library lama), Promises (dapat dirantai), dan async/await (dapat dibaca, standar) — memungkinkan Anda membaca basis kode apa pun dan menulis logika asinkron yang bersih.

Mengetahui bahwa semuanya adalah mekanisme event-loop yang sama di bawahnya, dan mengingat untuk paralelkan operasi independen dengan `Promise.all`, adalah kunci untuk kode async Node yang benar dan performan.