Callback Javascript Adalah

3 min read Jun 18, 2024

Callback JavaScript: Memahami Fungsi yang Dipanggil Nanti

Dalam dunia pemrograman JavaScript, callback adalah konsep fundamental yang memungkinkan kita untuk menjalankan kode secara asinkron. Sederhananya, callback adalah fungsi yang dilewatkan sebagai argumen ke fungsi lain, dan akan dijalankan setelah fungsi yang menerimanya selesai.

Mengapa Callback Penting?

JavaScript merupakan bahasa pemrograman yang bersifat asinkron. Ini berarti bahwa beberapa tugas, seperti fetching data dari server atau manipulasi DOM yang kompleks, mungkin memerlukan waktu untuk selesai. Jika kode kita langsung menjalankan tugas-tugas ini secara berurutan, program akan terhenti sementara menunggu tugas tersebut selesai.

Callback memberikan solusi untuk masalah ini. Dengan menggunakan callback, kita dapat menjalankan kode setelah tugas asinkron selesai, tanpa menghentikan program.

Contoh Sederhana:

Berikut adalah contoh sederhana bagaimana callback bekerja:

function greet(name, callback) {
  console.log("Halo, " + name + "!");
  callback();
}

function sayGoodbye() {
  console.log("Sampai jumpa!");
}

greet("John", sayGoodbye);

Dalam contoh di atas, greet() adalah fungsi yang menerima nama dan callback sebagai argumen. Fungsi greet() menampilkan pesan "Halo, John!" dan kemudian memanggil callback sayGoodbye(), yang menampilkan pesan "Sampai jumpa!".

Penggunaan Callback dalam JavaScript:

Callback banyak digunakan dalam berbagai aspek JavaScript, termasuk:

Fetch API: Mengambil data dari server menggunakan fetch().
Event Listeners: Menjalankan kode ketika sebuah event terjadi (misalnya, klik tombol).
Promises: Memproses hasil operasi asinkron dengan lebih mudah.
Asynchronous Functions: Memudahkan penulisan kode asinkron dengan menggunakan kata kunci async dan await.

Keuntungan Menggunakan Callback:

Asynchronous Programming: Memungkinkan kode JavaScript untuk tetap berjalan tanpa terhenti.
Modularitas: Memisahkan kode menjadi bagian-bagian yang lebih kecil dan terorganisir.
Reusability: Callback dapat digunakan kembali di berbagai bagian kode.

Kesimpulan:

Callback adalah konsep penting dalam JavaScript yang memungkinkan kita untuk menangani tugas-tugas asinkron dengan mudah dan efisien. Dengan memahami callback, Anda dapat menulis kode JavaScript yang lebih kuat dan responsif.