Memahami dan Membuat Callback Function di Javascript

membuat function sendiri dengan callback di javascript - halo teman teman! Setelah lama gak nulis, saya akhirnya bisa membagikan tutorial seputar dunia web programming lagi.

Artikel kali ini akan membahas tentang bahasa pemrograman javascript. Sesuai judul, disini kamu akan belajar memahami tentang callback function di javascript. Gak cuma itu, saya akan memberikan contoh kepada kalian supaya kalian bisa membuat callback function sendiri.

Function
Seperti yang kita ketahui sebelumnya, function di javascript ditulis seperti ini:

function NamaFunction(parameter){
   // logika
}

untuk memanggilnya, kita bisa menulisnya dengan

NamaFunction(parameter)

Callback
Callback adalah function yang dieksekusi didalam sebuah function. Callback terletak pada parameter. Jadi kurang lebih, function dengan callback ditulis seperti ini

function NamaFunction(parameter1,parameter2,callback){
   // logika
}

Tapi jangan salah! Callback berbeda dengan parameter!

Parameter adalah sebuah sebuah deklarasi yang diperlukan function untuk mengeksekusi logikanya.

Untuk lebih memahami tentang parameter, silahkan baca artikel saya sebelumnya Membuat Function Sendiri di PHP. Walau artikelnya menjelaskan bahasa PHP, tapi logika dan penulisan function sama persis.

Berikut ini saya akan mencontohkan secara sederhana program function dengan callback

function luasPersegiPanjang(panjang,lebar,callback){
   callback(panjang*lebar)
// function callback() berasal dari parameter callback
}

untuk memanggil function luasPersegiPanjang,

luasPersegiPanjang(10,4, (hasil)=>{
   return hasil // 40
})

Mengapa return hasil?
Karena hasil berasal dari parameter yang kita buat sendiri. Dari sini bisa dilihat bahwa function luasPersegiPanjang() melemparkan logika panjang*lebar ke parameter callback, kemudian parameter yang dilempar tersebut kita deklarasikan sebagai hasil (untuk nama bebas aja sih). Maka dari itu, untuk mendapatkan logika dari luasPersegiPanjang, kita return hasil

Mungkin untuk logika sederhana seperti ini, callback kurang dibutuhkan. Tapi untuk logika yang lebih kompleks, callback sangat dibutuhkan di javascript. Contoh diatas hanya untuk penjelasan mengenai logika dan cara penulisan callback function.

Oke, sekian artikel kali ini tentang memahami dan membuat callback function di javascript. Semoga bermanfaat! Terima kasih!