Pemahaman mendalam tentang skop dan konteks dalam kemahiran Javascript

Pemahaman mendalam tentang skop dan konteks dalam kemahiran Javascript_javascript

WBOY

Lepaskan： 2016-05-16 15:51:37

asal

974 orang telah melayarinya

Ikhtisar

Pelaksanaan skop dan konteks dalam Javascript adalah ciri unik bahasa Javascript Pada tahap tertentu, bahasa Javascript sangat fleksibel. Fungsi dalam Javascript boleh mengambil pelbagai konteks, dan skop boleh dikapsulkan dan disimpan. Justru kerana ciri-ciri inilah Javascript juga menyediakan banyak corak reka bentuk yang berguna. Walau bagaimanapun, skop dan konteks juga merupakan kawasan di mana pengaturcara Javascript sering keliru semasa pembangunan.
Berikut akan memperkenalkan kepada anda konsep skop dan konteks dalam Javascript, serta perbezaannya.

Skop VS Konteks

Perkara penting pertama yang perlu diberi perhatian ialah skop dan konteks bukanlah konsep yang sama, dan ia tidak merujuk kepada perkara yang sama. Sebagai seorang geek front-end, saya sering melihat artikel yang mengelirukan kedua-dua konsep ini. Akibatnya, beberapa perkara menjadi kurang jelas apabila saya membacanya. Kedua-dua konsep ini nampaknya telah dikelirukan sejak sekian lama. Oleh itu, saya menyemak banyak maklumat dan menerangkan secara ringkas kedua-dua konsep ini. :keluar_lidah_mata_tertutup:
Dalam Javascript, apabila fungsi dipanggil, terdapat skop dan konteks yang terikat pada fungsi tersebut. Pada asasnya, skop adalah berasaskan fungsi dan konteks adalah berasaskan objek. Dalam erti kata lain, skop digunakan untuk akses kepada pembolehubah dalam fungsi apabila fungsi dipanggil. Konteks biasanya merujuk kepada nilai kata kunci "ini", yang merupakan rujukan kepada objek yang memiliki kod yang sedang dilaksanakan.

Skop pembolehubah

Pembolehubah boleh ditakrifkan dalam skop tempatan atau global, masing-masing dipanggil pembolehubah tempatan dan pembolehubah global. Pembolehubah global merujuk kepada pembolehubah yang diisytiharkan di luar fungsi Pembolehubah global boleh diakses di mana-mana dalam program. Pembolehubah setempat merujuk kepada pembolehubah yang ditakrifkan dalam badan fungsi Ia hanya boleh diakses dalam badan fungsi atau fungsi bersarang, dan tidak boleh diakses di luar fungsi.
Javascript pada masa ini tidak menyokong skop peringkat blok (pembolehubah ditakrifkan dalam penyataan if, switch, for, dsb.). Ini bermakna pembolehubah yang ditakrifkan di dalam blok juga boleh diakses di luar blok. Walau bagaimanapun, dalam ES6, kita boleh menentukan skop peringkat blok menggunakan kata kunci "biarkan".
Mengenai kandungan skop, anda boleh menyemak maklumat lain Bahagian kandungan ini agak mudah.

konteks "ini"

Konteks biasanya bergantung pada cara fungsi dipanggil. Apabila fungsi dipanggil sebagai kaedah pada objek, "ini" merujuk kepada objek di mana fungsi itu dipanggil.

Salin kod Kod adalah seperti berikut:

var obj={

foo:function (){

console.log(ini === obj);

}

};

obj.foo(); //Output true

Begitu juga, apabila kita menggunakan kata kunci "baru" untuk mencipta objek baharu, ini merujuk kepada objek yang baru dibuat.

Salin kod Kod adalah seperti berikut:

fungsi foo(){

console.log(ini);

}

foo(); //Tetingkap Output

var obj=new foo(); //Output foo {}

Satu perkara yang perlu diambil perhatian ialah apabila fungsi dalam skop global dipanggil, ini merujuk kepada objek global, yang dalam persekitaran penyemak imbas merujuk kepada tetingkap. Walau bagaimanapun, apabila menjalankan kod dalam mod ketat, "ini" ditetapkan kepada "tidak ditentukan"
Konteks Pelaksanaan

Javascript ialah bahasa satu utas, yang bermaksud bahawa apabila Javascript berjalan dalam penyemak imbas, ia hanya boleh melakukan satu perkara pada satu masa, dan perkara lain akan beratur dalam kaedah, menunggu untuk diproses.

1 Apabila fail kod Javascript dimuatkan oleh penyemak imbas, entri terkini ialah konteks pelaksanaan global secara lalai. Apabila fungsi dipanggil dalam konteks global, atur cara memasuki fungsi yang dipanggil, dan enjin Javascript mencipta konteks pelaksanaan baharu untuk fungsi tersebut dan menolaknya ke bahagian atas tindanan konteks pelaksanaan. Penyemak imbas sentiasa melaksanakan konteks pada masa ini di bahagian atas tindanan Setelah pelaksanaan selesai, konteks muncul dari bahagian atas tindanan dan kemudian melaksanakan kod dalam konteks di bawahnya. Dengan cara ini, konteks dalam timbunan akan dilaksanakan secara berurutan dan muncul daripada timbunan sehingga kembali ke konteks global.

2. Konteks pelaksanaan boleh dibahagikan kepada dua fasa: fasa penciptaan dan fasa pelaksanaan. Dalam fasa penciptaan, jurubahasa JavaScript mula-mula mencipta objek berubah (juga dipanggil "objek pengaktifan"). Objek aktif terdiri daripada pembolehubah, pengisytiharan fungsi dan parameter. Pada peringkat ini, rantai skop fungsi dimulakan dan objek yang dirujuk oleh ini juga ditentukan. Seterusnya datang fasa pelaksanaan, di mana kod ditafsir dan dilaksanakan.
Dalam kod Javascript, boleh terdapat sebarang bilangan konteks fungsi skop fungsi semasa.

3. Melalui penjelasan di atas, kami mempunyai konsep asas "konteks pelaksanaan" fungsi, tetapi ini juga tempat di mana semua orang paling keliru. "Konteks pelaksanaan" dalam Javascript terutamanya merujuk kepada skop, bukan "konteks ini" yang dirujuk dalam bahagian keempat di atas. Terdapat banyak konsep mengelirukan yang serupa dalam Javascript, tetapi selagi kita memahami objek khusus yang dirujuk oleh setiap konsep, kita tidak lagi keliru Oleh itu, saya juga berharap semua orang benar-benar dapat membezakan "konteks pelaksanaan". ".

Dalam ayat mudah, konteks pelaksanaan ialah konsep yang berkaitan dengan skop, walaupun ini mungkin tidak ketat.

Rantai skop

Untuk setiap konteks pelaksanaan, terdapat skop yang terikat padanya. Rantaian skop mengandungi objek pengaktifan konteks pelaksanaan (yang kedengaran agak berbelit-belit) dalam tindanan konteks pelaksanaan. Rantaian skop menentukan akses kepada pembolehubah dan resolusi pengecam.

Contoh kod:

Salin kod Kod adalah seperti berikut:

fungsi dahulu(){

Kedua();

Fungsi kedua(){

        ketiga();

         fungsi ketiga(){

            keempat();

             fungsi keempat(){

//Kod

            }

}

}

}

pertama();

Laksanakan kod di atas, dan fungsi bersarang akan dilaksanakan. Setakat kod di atas, rantai skop juga akan terbentuk Susunan rantai skop dari atas ke bawah ialah: keempat, ketiga, kedua, pertama, global. Fungsi keempat boleh mengakses pembolehubah dalam skop global dan boleh mengakses sebarang pembolehubah yang ditakrifkan dalam fungsi ketiga, kedua dan pertama.
Satu perkara yang perlu diperhatikan ialah dalam badan fungsi, pembolehubah tempatan mempunyai keutamaan yang lebih tinggi daripada pembolehubah global dengan nama yang sama. Jika pembolehubah tempatan yang diisytiharkan dalam fungsi atau pembolehubah yang terkandung dalam parameter fungsi mempunyai nama yang sama dengan pembolehubah global, pembolehubah global akan ditimpa oleh pembolehubah tempatan.
Secara ringkasnya, setiap kali kita cuba mengakses pembolehubah, program akan mencari pembolehubah dalam skop fungsi semasa Jika ia tidak ditemui, ia akan mencari di sepanjang rantai skop ke peringkat atas fungsi sehingga pembolehubah ditemui Jika ia tidak dijumpai, Mengembalikan tidak ditentukan.

Ringkasan

Artikel ini memperkenalkan konsep konteks dan skop yang berkaitan dalam javascript Terdapat juga beberapa konsep yang lebih penting dalam javascript, seperti penutupan, dll. Jika anda memahaminya pada masa hadapan, anda akan menulis artikel~~