Penjelasan terperinci tentang skop dan rantai skop JS_Pengetahuan asas
WBOY
Lepaskan： 2016-05-16 16:05:10
asal
1401 orang telah melayarinya
(1) Skop
Skop pembolehubah ialah kawasan pembolehubah yang ditakrifkan dalam kod sumber program.
1. Skop leksikal digunakan dalam JS
Pembolehubah yang tidak diisytiharkan dalam mana-mana fungsi (var diketepikan dalam fungsi juga dianggap global) dipanggil pembolehubah global (skop global)
Pembolehubah yang diisytiharkan dalam fungsi mempunyai skop fungsi dan merupakan pembolehubah setempat
Pembolehubah setempat mempunyai keutamaan yang lebih tinggi daripada pembolehubah global
ujian fungsi(){
untuk(var i=0;i<10;i ){
Jika(i==5){
var name = "satu";
}
}
console.log(nama); //satu
}
test(); //Oleh kerana ia adalah skop peringkat fungsi, anda boleh mengakses name="one"
Sudah tentu, fungsi tertib tinggi juga digunakan dalam js, yang sebenarnya boleh difahami sebagai fungsi bersarang
ujian fungsi1(){
var name = "satu";
Kembalikan fungsi (){
console.log(nama);
}
}
ujian1()();
Selepas test1(), fungsi luar akan dipanggil, dan fungsi dalam akan dikembalikan Kemudian continue(), dan fungsi dalam akan dipanggil dan dilaksanakan dengan sewajarnya, jadi "satu"
akan menjadi output.
Fungsi bersarang melibatkan penutupan, yang akan kita bincangkan kemudian di sini fungsi dalaman boleh mengakses nama pembolehubah yang diisytiharkan dalam fungsi luar, yang melibatkan mekanisme rantai skop
2. Pengisytiharan dalam JS terlebih dahulu
Skop fungsi dalam js bermakna semua pembolehubah yang diisytiharkan dalam fungsi sentiasa kelihatan dalam badan fungsi. Selain itu, pembolehubah boleh digunakan sebelum ia diisytiharkan Keadaan ini dipanggil angkat
petua: Pengisytiharan terlebih dahulu dilakukan apabila enjin js diprasusun Fenomena pengisytiharan terlebih dahulu berlaku sebelum kod dilaksanakan
ujian fungsi(nama){
console.log(nama); //satu
nama="dua";
console.log(nama); //dua
}
var name = "satu";
ujian(nama);
console.log(nama); // satu
Seperti yang dinyatakan sebelum ini, jenis asas diluluskan mengikut nilai, jadi nama yang diluluskan ke dalam ujian sebenarnya hanyalah salinan ini dikosongkan selepas fungsi kembali.
Jangan fikir nama="two" dalam fungsi menukar nama global, kerana ia adalah dua nama bebas
(2) Rantai skop
Fungsi lanjutan yang dinyatakan di atas melibatkan rantai skop
ujian fungsi1(){
var name = "satu";
Kembalikan fungsi (){
console.log(nama);
}
}
ujian1()();
1. Perkenalkan perenggan besar untuk menerangkan:
Setiap bahagian kod JavaScript (kod atau fungsi global) mempunyai rantaian skop yang dikaitkan dengannya.
Rantai skop ini ialah senarai atau senarai objek yang dipautkan Kumpulan objek ini mentakrifkan pembolehubah "dalam skop" dalam kod ini.
Apabila js perlu mencari nilai pembolehubah x (proses ini dipanggil resolusi pembolehubah), ia akan bermula dari objek pertama dalam rantaian Jika objek ini mempunyai atribut bernama x, maka nilai atribut ini adalah digunakan secara langsung. Jika tiada atribut bernama x dalam objek pertama, js akan terus mencari objek seterusnya dalam rantai. Jika objek kedua masih tidak mempunyai atribut bernama x, ia akan terus mencari yang seterusnya, dan seterusnya. Jika tiada objek dalam rantai skop mengandungi atribut x, maka x dianggap tidak wujud dalam rantai skop kod ini, dan akhirnya pengecualian ReferenceError dilemparkan.
2. Contoh rangkaian skop:
Dalam kod peringkat atas js (iaitu, kod yang tidak termasuk sebarang definisi fungsi), rantai skop terdiri daripada objek global.
Dalam badan fungsi yang tidak mengandungi sarang, terdapat dua objek pada rantai skop Yang pertama ialah objek yang mentakrifkan parameter fungsi dan pembolehubah setempat, dan yang kedua ialah objek global.
Dalam badan fungsi bersarang, terdapat sekurang-kurangnya tiga objek dalam skop.
3. Peraturan penciptaan rantai skop:
Apabila fungsi ditakrifkan (perhatikan, ia bermula apabila ia ditakrifkan), ia sebenarnya menjimatkan rantai skop.
Apabila fungsi ini dipanggil, ia mencipta objek baharu untuk menyimpan parameter atau pembolehubah setempatnya, menambahkan objek pada rantai skop tersebut dan mencipta perwakilan baharu yang lebih panjang bagi skop panggilan fungsi "rantai".
Untuk fungsi bersarang, keadaan berubah lagi: setiap kali fungsi luaran dipanggil, fungsi dalaman akan ditakrifkan semula semula. Kerana setiap kali fungsi luaran dipanggil, rantai skop adalah berbeza. Fungsi dalaman perlu berbeza secara halus setiap kali ia ditakrifkan - kod fungsi dalam adalah sama setiap kali fungsi luar dipanggil, dan rantai skop yang dikaitkan dengan kod ini juga berbeza.
(petua: Fahami tiga perkara di atas dengan baik dan ingat. Sebaik-baiknya sebut dengan perkataan anda sendiri, jika tidak, anda perlu menghafalnya, kerana penemuduga akan bertanya terus kepada anda: Sila terangkan rantaian skop.. . )
var name="one";
ujian fungsi(){
var name="two";
ujian fungsi1(){
var name="tiga";
console.log(nama); //tiga
}
ujian fungsi2(){
console.log(nama); // dua
}
ujian1();
ujian2();
}
ujian();
Di atas ialah fungsi bersarang, dengan itu mesti ada tiga objek dalam rantai skop
Kemudian apabila memanggil, anda perlu mencari nilai nama, hanya cari
pada rantai skop
Apabila test1() berjaya dipanggil, tertibnya ialah test1()->test()-> kerana nilai tiga nama ditemui pada test1(), carian selesai dan mengembalikan
Apabila test1() berjaya dipanggil, susunannya ialah test2()->test()->tetingkap objek global Oleh kerana nilai nama tidak ditemui pada test2(), kami mencarinya dalam test(. ) dan cari jika nilai nama ialah dua, carian akan selesai dan mengembalikan
Contoh lain ialah kadangkala kita melakukan kesilapan dan sering ditipu semasa temuduga.
