JavaScript Async #12: Callback & Callback Hell

• 05/21/2025
• ariq fadhil
• 2

1. Apa itu Callback?

Callback adalah function yang dikirim sebagai argumen ke function lain, lalu dijalankan setelah proses tertentu selesai.

2. Contoh Callback

function prosesData(callback) {
  console.log("Memproses data...");
  callback();
}

prosesData(() => {
  console.log("Proses selesai");
});

3. Callback pada Async

setTimeout(() => {
  console.log("Data berhasil diambil");
}, 1000);

4. Apa itu Callback Hell?

Callback hell terjadi ketika banyak callback bersarang, sehingga kode sulit dibaca dan dirawat.

loginUser(user, () => {
  getProfile(() => {
    getOrders(() => {
      console.log("Semua data siap");
    });
  });
});

5. Kekurangan Callback Hell

• Kode sulit dibaca
• Sulit di-debug
• Maintenance jadi lebih rumit

6. Ringkasan

• Callback adalah dasar async JavaScript
• Terlalu banyak callback bersarang menyebabkan callback hell
• Masalah ini kemudian diselesaikan dengan Promise

Di part berikutnya kita masuk ke Promise: then(), catch(), finally().