Bagaimana untuk menulis fungsi panggil balik dalam javascript

JavaScript ialah bahasa pengaturcaraan yang popular dengan set perpustakaan dan rangka kerja yang kaya yang memudahkan untuk menulis aplikasi web yang cekap. Fungsi panggil balik adalah salah satu cirinya dan merupakan teknik yang biasa digunakan dalam pengaturcaraan JavaScript, yang boleh menjadikan kod lebih fleksibel dan boleh dibaca. Artikel ini akan membincangkan konsep fungsi panggil balik JavaScript dan aplikasinya.

Apakah fungsi panggil balik?

Fungsi panggil balik ialah fungsi yang boleh dihantar sebagai argumen kepada fungsi lain dan dipanggil selepas fungsi itu selesai dilaksanakan. Fungsi panggil balik biasanya digunakan dalam pengaturcaraan tak segerak apabila melaksanakan hasil operasi. Sebagai contoh, apabila aplikasi web perlu mendapatkan data yang dikembalikan daripada pelayan, ia mungkin meminta data dan kemudian melaksanakan fungsi panggil balik untuk memprosesnya. Apabila fungsi panggil balik dilaksanakan, ia boleh membaca dan memproses data yang dikembalikan. Berikut ialah contoh mudah menggunakan fungsi setTimeout untuk mensimulasikan operasi tak segerak:

setTimeout(function() {
    console.log('Operation completed successfully.');
}, 1000);

Dalam contoh ini, fungsi setTimeout dipanggil dan fungsi tanpa nama diluluskan sebagai fungsi panggil balik. Fungsi ini akan dipanggil selepas 1 saat dan mencetak mesej.

Senario aplikasi fungsi panggil balik

Fungsi panggil balik boleh digunakan dalam senario berikut:

1 Operasi tak segerak

JavaScript ialah bahasa satu benang. dan tidak boleh digunakan serentak Laksanakan pelbagai tugas. Jika tugas mengambil sedikit masa untuk disiapkan, kami boleh menggunakan pengaturcaraan tak segerak untuk mengelak daripada menyekat benang. Melalui fungsi panggil balik, kami boleh memberitahu program apa yang perlu dilakukan selepas operasi tak segerak selesai.

2. Pengendalian acara

Berinteraksi dengan pengguna boleh mencetuskan banyak peristiwa, seperti klik, pergerakan tetikus, penekanan papan kekunci, dsb. Kami boleh menggunakan fungsi panggil balik untuk mengendalikan acara ini bagi membolehkan aplikasi bertindak balas kepada tindakan pengguna.

3. Modulariti

Banyak perpustakaan dan rangka kerja dalam JavaScript menyokong fungsi panggil balik sebagai parameter. Ini membolehkan kami memisahkan modul aplikasi dan menggabungkannya bersama-sama. Setiap modul boleh mentakrifkan fungsi panggil balik sendiri untuk melaksanakan tindakan yang diperlukan selepas pelaksanaannya selesai.

Cara menulis fungsi panggil balik

Dalam JavaScript, menulis fungsi panggil balik adalah sangat mudah. Fungsi panggil balik pada asasnya ialah fungsi JavaScript yang perlu dihantar ke fungsi lain dan dipanggil dalam keadaan tertentu.

Berikut ialah contoh yang menunjukkan cara menulis fungsi panggil balik:

function add(callback) {
    var result = a + b;
    callback(result);
}

function display(result) {
    console.log('The result is: ' + result);
}

var a = 5;
var b = 10;

add(display);

Dalam contoh ini, kami mentakrifkan fungsi tambah yang menerima fungsi panggil balik sebagai parameter. Di dalam fungsi, kami mengira jumlah a dan b dan menyerahkan hasilnya kepada fungsi panggil balik. Kami juga mentakrifkan fungsi yang dipanggil paparan yang mengambil parameter dan mencetaknya ke konsol. Akhir sekali, kami mentakrifkan dua pembolehubah a dan b dan memanggil fungsi tambah yang melepasi fungsi paparan sebagai fungsi panggil balik.

Apabila kod ini dilaksanakan, kita akan melihat output berikut pada konsol:

The result is: 15

Contoh ini menunjukkan cara untuk mentakrifkan fungsi panggil balik dan menghantarnya ke fungsi lain. Silap mata mudah ini boleh meningkatkan fleksibiliti dan kebolehbacaan kod anda dan membolehkan anda memproses hasil operasi dalam cara yang benar-benar tak segerak.

Ringkasan

Fungsi panggil balik ialah kemahiran penting dalam pengaturcaraan JavaScript. Fungsi panggil balik selalunya digunakan dalam pengaturcaraan tak segerak, menyelesaikan masalah satu benang JavaScript, dan boleh menggabungkan modul untuk mencapai fungsi yang lebih kompleks. Apabila menulis fungsi panggil balik, kita perlu mentakrifkan fungsi JavaScript dan menyerahkannya kepada fungsi lain untuk dilaksanakan apabila perlu. Fungsi panggil balik sangat berguna untuk pengaturcaraan JavaScript dan patut dikuasai dan digunakan.

Atas ialah kandungan terperinci Bagaimana untuk menulis fungsi panggil balik dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!