Penjelasan terperinci tentang pemanggil dan penerima dalam kemahiran javascript_javascript

Saya baru-baru ini mempelajari JavaScript dan menghadapi masalah dengan pemanggil dan penerima, jadi saya sering pergi ke Baidu dalam talian. Kandungan yang ditemui memberi manfaat yang besar kepada semua orang yang telah saya kumpulkan dan ringkaskan untuk dikongsi dengan anda.

pemanggil: Mengembalikan rujukan kepada fungsi yang memanggil fungsi fungsi (penggunaan: function.caller)

Nota: Untuk fungsi, atribut pemanggil hanya ditakrifkan apabila fungsi itu dilaksanakan. Jika fungsi dipanggil dari peringkat atas, pemanggil adalah batal.

var time = 3 //控制次数，去掉会一直在caller与handleCaller交替不断执行
function caller() {
  caller.caller()//返回调用caller函数的函数引用
}
function handleCaller() {
  if (time > 0){
    time--
    alert(handleCaller.caller)//返回调用handleCaller函数的函数引用
    alert(caller.caller)//返回调用caller函数的函数引用
    caller()
  }
}
handleCaller()

Contoh analisis: Apabila handleCaller dijalankan buat kali pertama, kedua-dua makluman mengembalikan null(handleCaller.caller) mengembalikan null kerana ia dipanggil dari peringkat atas dan alert(caller.caller) mengembalikan null kerana pemanggil lalai. nilai adalah nol. Seterusnya, fungsi pemanggil() dipanggil caller.caller mengembalikan rujukan kepada fungsi yang memanggilnya (handleCaller Fungsi handleCaller boleh dipanggil semula melalui caller.caller(). Apabila handleCaller berjalan untuk kali kedua, alert(handleCaller.caller) mengembalikan kod pemanggil (sebenarnya rujukan kepada pemanggil), dan alert(caller.caller) mengembalikan kod handleCaller. Kerana hubungan panggilan antara fungsi ialah handleCaller->caller->handleCaller. Selepas itu, ia akan terus bersilih ganti antara dua fungsi.

pemanggil menunjuk ke fungsi yang memanggil fungsi semasa, tetapi ada satu perkara jika ia dipanggil dalam skop global (iaitu, tetingkap peringkat atas), null akan dikembalikan.
Kod bermula

====================
function testCaller(){
if(testCaller.caller == null){
console.log('accessed at global');
}else{
console.log('accessed at ' + testCaller.caller);
}
}

Panggil ke seluruh dunia

testCaller(); // accessed at global

Panggil
dalam satu fungsi

function a(){
testCaller();
}
a(); // accessed at function a(){testCaller();} 

Pada masa ini, testCaller.caller menunjukkan fungsi a

pemanggil: Mengembalikan rujukan fungsi bagi argumen yang sepadan. (Kebanyakannya digunakan untuk rekursi fungsi tanpa nama)

Nota: Mungkin perkara yang paling anda lihat di Internet ialah penerima mengembalikan rujukan kepada fungsi yang sedang dilaksanakan. Beginilah cara saya memahaminya Setiap fungsi mempunyai hujah sendiri, yang biasanya digunakan untuk menyimpan parameter. argumen mempunyai atribut pemanggil, dan nilai awal ialah rujukan fungsi yang sepadan dengan dirinya sendiri. Apabila fungsi anda melaksanakan pernyataan ini, argumen secara lalai sepadan dengan fungsi yang sedang anda laksanakan, kemudian arguments.callee ialah rujukan kepada fungsi yang sedang dilaksanakan. Sudah tentu, jika anda telah menandakan argumen fungsi lain (args dalam contoh), anda secara semula jadi boleh menggunakan args.callee() untuk memanggil semula fungsi itu.

function a(){
  alert(arguments.callee)
  var args = arguments
  function c(){
    alert(arguments.callee)
    args.callee()
  }
  c()
}
a()

Contoh analisis: arguments.callee dalam contoh mengembalikan rujukan kepada fungsi yang sedang dilaksanakan secara lalai (a mengembalikan rujukan fungsi a sendiri, c mengembalikan rujukan fungsi c sendiri), dan dengan menggunakan args untuk menyimpan argumen fungsi , gunakan args.callee() dalam fungsi terbina dalam c untuk memanggil fungsi a semula.

====================
function a(x){

if(x<=1)
return x;
else
return x + a(x-1);
}
a(12) // 78

Ini adalah rekursi minimalis dengan hasil normal.

Lihat kaedah panggilan di bawah

var b = a;
a = null; // 将a回收
b(12); // erro : 'a' is not a function

Alasannya juga mudah, b=a, b=fungsi a(){}; sebelum memanggil b, kami menggunakan a=null. Jadi apabila fungsi a sedang berjalan, a sebagai balasan x a(x-1);
Jadi saya melaporkan ralat, bagaimana untuk menyelesaikan masalah ini. Jom tukar a kepada cara lain

function a(x){
if(x<=1)
return x;
else
return arguments.callee(x-1); // 这句是改变的地方
}

Panggil lagi

var b = a;
a = null;
b(12); // 78

Sebab: Walaupun kami menetapkan a=null, a tidak digunakan dalam fungsi a, tetapi menunjuk kepada fungsi semasa melalui arguments.callee.
Kerana takrif arguments.callee ialah: kembalikan fungsi pelaksana.