Perbincangan ringkas tentang fungsi panggil balik javascript_Pengetahuan asas

Lepaskan fungsi sebagai parameter ke dalam fungsi lain. Fungsi ini ialah apa yang dipanggil fungsi panggil balik

Kami sering menghadapi situasi di mana lapisan A dan B projek disiapkan oleh orang yang berbeza Lapisan A bertanggungjawab untuk funA fungsi, dan lapisan B bertanggungjawab untuk funcB. Apabila lapisan B ingin menggunakan data modul tertentu, dia berkata kepada kakitangan lapisan A, saya memerlukan anda untuk menyediakan data yang memenuhi keperluan tertentu, dan anda menyediakan saya dengan antara muka.

Kakitangan di tahap A berkata: Saya akan memberikan anda data, dan cara untuk memaparkan serta memprosesnya adalah urusan B.
Sudah tentu, lapisan B tidak boleh menyediakan antara muka data untuk setiap keperluan B menyediakan antara muka untuk A melalui B mendapatkan data, dan kemudian B menulis fungsi untuk memaparkannya.

Iaitu, anda perlu bekerjasama dengan orang lain, orang lain menyediakan data, dan anda tidak perlu memberi perhatian kepada cara orang lain memperoleh atau membina data. Anda hanya perlu mengendalikan data yang anda dapat. Pada masa ini, anda perlu menggunakan fungsi panggil balik

Oleh itu, panggil balik pada asasnya ialah corak reka bentuk dan prinsip reka bentuk jQuery (termasuk rangka kerja lain) mengikut corak ini.

Contoh penggunaan panggilan balik dalam penyegerakan (menyekat), tujuannya adalah untuk melaksanakan func2 selepas pelaksanaan kod func1 selesai.

Salin kod Kod adalah seperti berikut:

var func1=function(panggilan balik){
//buat sesuatu.
(panggil balik && jenis(panggil balik) === "fungsi") && panggil balik();
}

func1(func2);
var func2=function(){
}

Contoh panggil balik tak segerak:

Salin kod Kod adalah seperti berikut:

$(dokumen).sedia(panggilan balik);

$.ajax({
​ url: "test.html",
konteks: document.body
}).selesai(fungsi() {
          $(this).addClass("done");
}).gagal(fungsi() {
makluman("ralat");
}).selalu(fungsi() {
makluman("lengkap"); });

Perhatikan bahawa permintaan ajax sememangnya tidak segerak, tetapi permintaan ini diminta oleh penyemak imbas untuk membuka urutan baharu Apabila status permintaan berubah, jika panggilan balik telah ditetapkan sebelum ini, urutan tak segerak akan menjana perubahan status. acara dan letakkannya dalam Menunggu pemprosesan dalam baris gilir pemprosesan enjin JavaScript. Lihat:

http://www.phpv.net/html/1700.html

Bilakah panggilan balik akan dilaksanakan?

Fungsi panggil balik biasanya dilaksanakan terakhir dalam situasi segerak, tetapi mungkin tidak dilaksanakan dalam situasi tak segerak kerana acara tidak dicetuskan atau syarat tidak dipenuhi.

Acara penggunaan fungsi panggil balik

Pemuatan sumber: laksanakan panggilan balik selepas memuatkan fail js secara dinamik, laksanakan panggilan balik selepas memuatkan iframe, panggilan balik operasi ajax, laksanakan panggilan balik selepas pemuatan imej selesai, AJAX, dsb.

Acara DOM dan acara Node.js adalah berdasarkan mekanisme panggil balik (Panggil balik Node.js mungkin mempunyai masalah sarang panggil balik berbilang lapisan).
Masa kelewatan setTimeout ialah 0. Penggodaman ini sering digunakan Fungsi yang dipanggil oleh settimeout sebenarnya adalah penjelmaan panggilan balik
Panggilan berantai: Apabila dirantai, adalah mudah untuk melaksanakan panggilan berantai dalam kaedah penetap (atau dalam kaedah yang tidak mengembalikan nilai itu sendiri), tetapi agak sukar untuk melaksanakan panggilan berantai dalam kaedah pengambil, kerana anda perlukan penilai untuk mengembalikan data yang anda perlukan dan bukannya penuding ini Jika anda ingin melaksanakan kaedah rantaian, anda boleh menggunakan fungsi panggil balik untuk mencapainya
Panggilan fungsi setTimeout dan setInterval mendapat nilai pulangannya. Oleh kerana kedua-dua fungsi adalah tidak segerak, iaitu, urutan panggilan mereka agak bebas daripada proses utama program, tidak ada cara untuk menunggu nilai pulangan mereka dalam badan, dan program tidak akan berhenti dan menunggu apabila mereka berada. dibuka. Jika tidak, makna setTimeout dan setInterval akan hilang, jadi tidak bermakna untuk menggunakan return, dan panggilan balik hanya boleh digunakan. Maksud panggilan balik adalah untuk memberitahu fungsi ejen hasil pelaksanaan pemasa untuk pemprosesan tepat pada masanya.

Kumpul maklumat dalam talian dan anda harus memahaminya. Saya boleh menyusun contoh sendiri:

Salin kod Kod adalah seperti berikut:

fun function(num,callback){
Jika(bilangan<0) {
alert("Panggil A pemprosesan fungsi lapisan!");
alert("Data tidak boleh negatif, ralat input!"); }lain jika(bilangan==0){
alert("Panggil A pemprosesan fungsi lapisan!");
alert("Item data ini tidak wujud!");
}lain{
alert("Panggil pemprosesan fungsi lapisan B!");
         panggil balik(1);
}
}
ujian fungsi(){
var num=document.getElementById("skor").nilai;
Fun(num,function(back){ //Fungsi pemprosesan lapisan B Tanpa Nama
makluman(":" belakang);
Jika(bilangan<2)
alert("Nombornya ialah 1");
          jika tidak (bilangan<=3)
alert("Nombornya ialah 2 atau 3!");
        lain
alert("Nombor lebih besar daripada 3!"); })
}

Apabila fungsi mula melaksanakan keseronokan, ia mula-mula dijalankan untuk menentukan sama ada num ialah nombor negatif atau sifar, jika tidak, ia melaksanakan amaran fungsi pemprosesan lapisan B(":" keluaran 1 dan menentukan sebagai <2, <= 3, >3 dan situasi lain.

Petua pengalaman:

Adalah yang terbaik untuk memastikan bahawa panggilan balik wujud dan mestilah rujukan fungsi atau ungkapan fungsi:

(panggil balik && jenis(panggil balik) === "fungsi") && panggil balik();

Salin kod Kod adalah seperti berikut:

var obj={

init: function(panggilan balik){
              //TODO...
If(panggilan balik && jenis(panggilan balik) === "fungsi") && panggil balik()){
               panggil balik('init...');//Panggil balik
}
}

Akhir sekali, mengapa kita perlu menggunakan fungsi panggil balik? Metafora berikut sangat jelas dan menarik.

Jika anda mempunyai sesuatu untuk dilakukan, anda pergi ke asrama sebelah untuk mencari rakan sekelas anda dan mendapati mereka tiada di sana.

Kaedah 1, pergi ke asrama sebelah setiap beberapa minit untuk melihat jika ada sesiapa di sana

Kaedah 2, sila minta orang yang berkongsi asrama yang sama dengannya untuk menghubungi anda apabila mereka melihat dia kembali

Yang pertama adalah pengundian dan yang kedua ialah panggilan balik.

Kalau begitu beritahu saya, boleh saya tunggu di asrama sebelah sehingga rakan sekelas saya balik?

Ya, cuma anda boleh menjimatkan masa untuk melakukan perkara lain, tetapi kini anda perlu membuang masa menunggu. Tukar panggilan tak segerak tanpa penyekat asal menjadi panggilan segerak penyekat.

Panggil balik JavaScript digunakan dalam senario panggilan tak segerak dan prestasi menggunakan panggil balik adalah lebih baik daripada tinjauan pendapat.

Lebih mudah:

“Saya akan pergi sekarang dan saya akan memberitahu anda apabila saya tiba”

Ini ialah proses tak segerak Semasa proses "Saya pergi" (pelaksanaan fungsi), "anda" boleh melakukan apa-apa sahaja (pelaksanaan fungsi selesai) "memberitahu anda" (panggilan balik) dan proses seterusnya