BerandaComputers and TechnologyCallback di JavaScript

Callback di JavaScript

Image for post

Image for post

Foto oleh Christopher Gower di Unsplash

Di posting sebelumnya, Pemrograman Sinkron vs Asinkron, kami membahas perbedaan antara pemrograman Sinkron dan Asinkron di JavaScript. Pada artikel ini, kita akan membahas apa itu Callback dalam JavaScript.

Telepon balik adalah fungsi yang diteruskan sebagai argumen ke fungsi lain dan eksekusinya ditunda hingga fungsi yang diteruskan dijalankan.

Artinya, jika saya lulus suatu fungsi, katakanlah function1 ke yang lain fungsi, yaitu, function2 , lalu function1 tidak akan dijalankan hingga function2 dijalankan.

Panggilan balik itu menyenangkan d bagian mental dari Fu Pemrograman nctional, dan Anda mungkin sudah menggunakannya tanpa mengetahuinya; metode seperti ]. map () , .Saring () , dan .mengurangi() semua menggunakan fungsi panggilan balik. Mari kita lihat contoh:

Contoh Panggilan Balik

Dalam contoh di atas, kami melakukan iterasi melalui array arr , menggunakan . map () metode yang menerima fungsi panggilan balik untuk memodifikasi elemen array.

Dalam contoh di atas, Deklarasi Fungsi adalah digunakan untuk mendefinisikan fungsi; Anda juga bisa menggunakan metode panah untuk meneruskan fungsi callback. Kode di atas dapat ditulis ulang sebagai

  const arr=[1,2, 3,4,5] 

const newArr=arr.map (elem=> {
kembali elem elem
})

console.log (newArr)

Contoh di atas disebut Fungsi Panggilan Balik Anonim . Kami dapat merefaktornya menjadi Fungsi Panggilan Balik Bernama hanya dengan membuat fungsi baru dengan logika yang sama dan mereferensikannya di dalamnya .peta().

  const arr=[1,2, 3,4,5] 

konst square=(num)=> {return num num}

const newArr=arr.map (square)

console.log (newArr)

Satu hal yang perlu diperhatikan di sini adalah fungsi itu kotak() diteruskan sebagai argumen di dalam .map () , jadi kami sebenarnya tidak memanggilnya di sini, jadi tidak ada tanda kurung () .

Hal terakhir yang perlu didiskusikan di Callback adalah “Pyramid of Doom” atau “Callback Hell” . Bayangkan ada banyak callback bersarang di dalam callback; akan terlihat seperti ini.

  // Semua fungsi didefinisikan di sini 

getData ((url)=> {
getDifferentData (url, (secondUrl)=> {
getMoreData (secondUrl, (respon)=> {
getRes (respons, (data)=> {
console.log (data)
})
})
})
})

PS Kami berasumsi bahwa fungsi-fungsi ini telah ditentukan.

Sebisa kamu lihat, menjadi sulit untuk membaca dan meneruskan panggilan balik.

Image for post

Image for post

Sumber Gambar

Fungsi panggilan balik berguna untuk operasi asinkron singkat tentang dua hingga tiga callback bersarang tetapi tidak untuk lebih.

Janji dan Asinkron / Tunggu memecahkan masalah ini em dan membuat kehidupan seorang programmer tidak rumit.

Di artikel ini, Anda telah mempelajari tentang Callback di JavaScript. Pada artikel selanjutnya, kita akan membahas Promises dan Async / Await; Apakah mereka? Bagaimana cara menggunakannya? , dll.

Selamat membuat kode!

Read More

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments