Callback dalam JavaScript

Apa itu Callback?

Callback adalah fungsi yang dilewatkan sebagai argumen ke fungsi lain dan dieksekusi setelah fungsi tersebut menyelesaikan tugasnya. Callback sering digunakan untuk menangani operasi asinkron seperti pengambilan data dari server, pengaturan waktu, atau penanganan event.

Penjelasan Callback

Callback memungkinkan Anda untuk menjalankan fungsi setelah operasi tertentu selesai, tanpa menunggu operasi tersebut selesai sebelum melanjutkan eksekusi kode lainnya. Ini sangat berguna dalam JavaScript karena sifatnya yang asinkron dan non-blocking.

Contoh Callback

Contoh Sederhana

function greet(name, callback) {
    console.log('Hello, ' + name);
    callback();
}

function sayGoodbye() {
    console.log('Goodbye!');
}

greet('Alice', sayGoodbye);

• Penjelasan: Dalam contoh ini, fungsi greet menerima dua argumen: name dan callback. Fungsi greet mencetak pesan sapaan dan kemudian memanggil fungsi callback, yaitu sayGoodbye, yang mencetak pesan selamat tinggal.

Contoh Callback Asinkron

Menggunakan setTimeout

function doSomethingAsync(callback) {
    console.log('Starting async operation...');
    setTimeout(() => {
        console.log('Async operation completed.');
        callback();
    }, 2000);
}

function onComplete() {
    console.log('Callback executed.');
}

doSomethingAsync(onComplete);

• Penjelasan: Fungsi doSomethingAsync menjalankan operasi asinkron menggunakan setTimeout. Setelah operasi asinkron selesai (setelah 2 detik), fungsi callback (onComplete) dipanggil.

Sumber

• MDN Web Docs - Callback function

• W3Schools - JavaScript Callbacks

• JavaScript.info - Callbacks

Callback adalah konsep fundamental dalam JavaScript yang memungkinkan penanganan operasi asinkron dan meningkatkan modularitas serta keterbacaan kode.