Ringkasan contoh penutupan js_pengetahuan asas

Penutupan Js Perkara yang perlu diketahui sebelum penutupan 1. Skop fungsi (1) Perkara istimewa tentang bahasa Js ialah pembolehubah global boleh dibaca terus di dalam fungsi

Salin kod Kod adalah seperti berikut: var n=100; fungsi induk(){ makluman(n); } ibu bapa();//100 Jika dalam php

Salin kod Kod adalah seperti berikut: $n=100; fungsi induk(){ echo $n; } parent();//akan melaporkan ralat n tidak ditentukan ?> (2) Pembolehubah setempat dalam fungsi tidak boleh dibaca di luar fungsi

Salin kod Kod adalah seperti berikut: fungsi induk(){ var m=50; } ibu bapa(); alert(m);//ralat m tidak ditakrifkan Perhatikan bahawa var mesti ditambah apabila mengisytiharkan pembolehubah di dalam fungsi, jika tidak pembolehubah global akan diisytiharkan

Salin kod Kod adalah seperti berikut: fungsi induk(){ m=50; } ibu bapa(); makluman(m);//50 //Sudah tentu ini lebih benar dalam php,

Salin kod Kod adalah seperti berikut: fungsi induk(){ global $m;//global, definisi dan tugasan harus diasingkan $m=50; } ibu bapa(); echo $m;//50 ?> //Jika tiada global, ralat yang tidak ditentukan masih akan dilaporkan Kadangkala, jika anda perlu mendapatkan pembolehubah tempatan di dalam fungsi, anda perlu menggunakan ciri-ciri skop pembolehubah js dengan cara yang fleksibel, seperti mentakrifkan sub-fungsi di dalam fungsi fungsi induk adalah globalnya dan Fungsi anak boleh mengakses pembolehubah dalam fungsi induk (yang merupakan pembolehubah tempatan untuk keseluruhan kod js)

Salin kod Kod adalah seperti berikut: fungsi induk(){ var m=50; fungsi anak(){ makluman(m); } Pulanglah nak; } var s=parent();//Simpan hasil dalam global s();//50 Semua pembolehubah tempatan di dalam Induk boleh dilihat oleh fungsi anaknya, tetapi pembolehubah setempat dalam fungsi anaknya tidak boleh dilihat oleh fungsi induknya Ini ialah struktur skop rantaian unik objek Anak akan Cari semua pembolehubah induk objek ke atas satu peringkat pada satu masa Semua pembolehubah objek induk kelihatan kepada objek anak, dan sebaliknya adalah tidak benar! Fungsi anak di atas adalah penutup Sesetengah pelajar mungkin seperti ini

Salin kod Kod adalah seperti berikut: fungsi induk(){ var m=50; fungsi anak(){ makluman(m); } } ibu bapa(); son()//Report function son tidak ditentukan Perhatikan bahawa dalam JavaScript, fungsi yang diisytiharkan dalam fungsi adalah setempat dan dikeluarkan selepas fungsi selesai dijalankan Perhatikan perbezaan antara ini dan php

Salin kod Kod adalah seperti berikut: fungsi induk(){ fungsi anak(){ $m=50; echo $m; } } ibu bapa(); son();//Output 50 dan tiada ralat akan dilaporkan ?> Penutupan

Tentukan fungsi di dalam fungsi, jambatan yang menghubungkan bahagian dalam dan luar fungsi Penutupan mempunyai dua fungsi: Satu ialah bacaan pembolehubah yang disebut sebelum ini di dalam fungsi, Yang kedua ialah menyimpan nilai pembolehubah ini dalam ingatan untuk mencapai perkongsian data Berikut ialah beberapa contoh penutupan

Salin kod Kod adalah seperti berikut: var cnt=(function(){ var i=0; Kembalikan fungsi(){ makluman(i); i ; } })(); cnt();//0 cnt();//1 cnt();//2 cnt();//3

Hasil pelaksanaan fungsi tanpa nama (iaitu, pengisytiharan sub-fungsi dalaman diberikan kepada pemotongan pembolehubah global), i disimpan dalam memori Apabila melaksanakan cut(), nilai diperoleh terus daripada memori Hanya fungsi cnt() boleh memanggil i, dan direct alert(i) tidak akan berfungsi Anda juga boleh menghantar parameter ke dalam penutupan

Salin kod Kod adalah seperti berikut: var cnt=(function(num){ kembalikan fungsi(){ makluman(bilangan); nombor ; } })(5); cnt();//5 cnt();//6 cnt();//7 //Sudah tentu, anda juga boleh lulus parameter semasa memanggil var cnt=(function(){ var i=0; kembalikan fungsi(bilangan){ num =i; makluman(bilangan); saya ; } })(); cnt(1);//1 cnt(2);//3 cnt(3);//5 Untuk mendapatkan pemahaman yang lebih baik tentang penutupan, mari lihat kod berikut Sebagai contoh, saya ingin mengembalikan tatasusunan Terdapat 5 fungsi dalam tatasusunan Fungsi pertama muncul 0, yang kedua muncul 1... Jika kod ditulis seperti ini

Salin kod Kod adalah seperti berikut: kotak fungsi(){ var arr=[]; untuk(i=0;i arr=function(){return i;} } kembali arr; } var a=box(); alert(a);//Array yang mengandungi lima badan fungsi makluman(a[0]()); makluman(a[1]());

Badan fungsi timbul function(){return i;} } I yang terakhir ialah 4, dan kemudian ia menjadi 5 Untuk hentian gelung Didapati bahawa 5 muncul, yang jelas tidak memenuhi keperluan kami

Penyelesaian 1 Melaksanakan fungsi dengan segera di dalam

Salin kod Kod adalah seperti berikut: kotak fungsi(){ var arr=[]; untuk(i=0;i arr=(fungsi(nombor){kembali i;})(i); } kembali arr; } var a=box(); untuk(var i=0;i makluman(a); }

Tetapi kami mendapati bahawa elemen dalam tatasusunan yang dikembalikan adalah hasil pelaksanaan fungsi, tetapi apa yang kami mahu ialah fungsi itu perlu meningkatkan kod kami

Penyelesaian 2 Pelaksanaan penutupan

Salin kod Kod adalah seperti berikut: kotak fungsi(){ var arr=[]; untuk(var i=0;i<5;i){

arr=(fungsi(nombor){ Kembalikan fungsi(){return num;} })(i);

}

kembali arr; }

var arr=box();

untuk(var i=0;i<5;i ){

makluman(arr());//0,1,2,3,4

}

Kod kunci

Salin kod Kod adalah seperti berikut: arr=(fungsi(nombor){ return function(){return num;} })(i); Apabila i=0 arr[0]=(fungsi(nombor){return function(){return num;}})(0);

Pukul 1

arr[1]=(function(num){return function(){return num;}})(1);

Di atas adalah faedah penutupan! Ia sangat mudah dan praktikal.