Dalam JavaScript, programmer dapat mendefinisikan unit kode termasuk variabel dan fungsi. Fungsi JavaScript juga dapat menerima parameter, dengan kode yang memanggil fungsi melewati parameter ini baik sebagai variabel atau nilai. Dimungkinkan juga untuk meneruskan referensi ke fungsi lain sebagai parameter. Fungsi panggilan balik biasanya adalah fungsi yang dipanggil saat fungsi lain selesai dijalankan. Untuk alasan ini, fungsi panggilan balik sering muncul sebagai parameter untuk fungsi lain.
Definisi Panggilan Balik
Untuk mengimplementasikan fungsi callback, kode JavaScript di halaman harus mendefinisikan fungsi terlebih dahulu. Kode contoh berikut mendefinisikan suatu fungsi dan menyimpan referensi variabel ke dalamnya: var callbackDefinition = function(numParam) { alert(numParam); };
Fungsi ini menggunakan parameter numerik untuk demonstrasi. Fungsi panggilan balik dapat berisi kode JavaScript apa pun yang dapat disertakan oleh fungsi standar. Kode sekarang akan dapat meneruskan referensi ke fungsi sebagai parameter ke fungsi lain, menggunakan nama variabel.
Parameter Panggilan Balik
Setelah skrip memiliki fungsi yang didefinisikan sebagai variabel, skrip dapat meneruskan variabel tersebut sebagai parameter ke fungsi lain. Kode contoh berikut menunjukkan tekniknya: mainFunction(10, callbackDefinition);
Kode ini memanggil fungsi bernama, melewati parameter angka dan nama variabel yang menyimpan kode fungsi panggilan balik. Garis besar fungsi yang dipanggil di sini harus cocok dengan dua parameter ini. Fungsi yang menerima variabel panggilan balik akan dapat memanggil fungsi yang disimpannya.
Eksekusi Fungsi
Setelah diteruskan ke fungsi utama, fungsi panggilan balik dapat dijalankan. Contoh kode berikut menunjukkan: function mainFunction(myNum, callbackFn) { alert(myNum); panggilan balikFn(nomorsaya*2); }
Untuk demonstrasi, kode ini pertama-tama mengeluarkan peringatan JavaScript yang akan menyebabkan dialog muncul di browser pengguna. Setelah kode ini dijalankan, fungsi memanggil fungsi panggilan balik menggunakan nama yang ditentukan sebagai parameter. Panggilan fungsi panggilan balik menyertakan parameter numerik, yang diharapkan oleh fungsi yang awalnya didefinisikan sebagai variabel.
Panggilan Fungsi
Setelah halaman memiliki fungsi yang ditentukan, termasuk panggilan balik, itu dapat mengeksekusi kode ini. Seringkali, pengembang menginstruksikan browser untuk mendengarkan acara pengguna, menjalankan fungsi saat ini terjadi. Misalnya, kode HTML berikut memanggil suatu fungsi: Ini adalah bagian yang dapat diklik
Jika fungsi yang ditentukan sebagai parameter berisi definisi variabel panggilan balik dan panggilan ke fungsi utama, ini akan membuat efek panggilan balik, sebagai berikut: function doCallback() { var callFn = function(numParam) { alert(numParam); }; mainFunction(10, panggilanFn); }
Setelah fungsi utama mengeksekusi konten kodenya sendiri, ia memanggil fungsi panggilan balik.
