Mendedahkan kerja dalaman JavaScript ' s 'ini' kata kunci

Menguasai JavaScript sering bermaksud memahami nuansa, dan kata kunci

adalah contoh utama. Walaupun JavaScript agak mudah dipelajari, tingkah laku this boleh mengembara walaupun pengaturcara yang berpengalaman. Artikel ini menjelaskan kerumitan this dalam JavaScript. this

Konsep Utama:

• mengikat kontekstual: dalam JavaScript tidak ditakrifkan secara statik; Nilainya bergantung sepenuhnya pada this bagaimana fungsi dipanggil (konteks pelaksanaan), bukan di mana ia diisytiharkan. Ia menunjuk kepada "pemilik" fungsi yang sedang dilaksanakan.
• Kelakuan berubah -ubah: Tingkah laku berbeza -beza dalam konteks yang berbeza: skop global, panggilan fungsi mudah, kaedah objek, dan fungsi pembina. this Kawalan Konteks
• JavaScript menawarkan kaedah seperti , , dan call() secara jelas menguruskan nilai apply(), memberikan kawalan halus ke atas tingkah lakunya. bind() this
perangkap biasa:
• salah faham adalah sumber kesilapan yang kerap untuk kedua -dua pemula dan pakar. this

Memahami

: this

adalah kata kunci khas secara automatik hadir dalam setiap fungsi. Ia bertindak sebagai rujukan, tetapi sasarannya dinamik dan ditentukan pada runtime berdasarkan konteks penyerahan fungsi. Untuk memahami sepenuhnya

, kita perlu mempertimbangkan: this this

• Penciptaan:

  Apabila fungsi JavaScript dijalankan, konteks pelaksanaan baru dibuat. Konteks ini merangkumi maklumat mengenai penyerahan fungsi, termasuk nilai , yang terikat pada objek yang dipanggil fungsi (jika berkenaan). this

• Rujukan:

  Nilai ditentukan oleh tapak panggilan -di mana fungsi dipanggil, bukan di mana ia ditakrifkan. Konteks berubah dengan setiap panggilan fungsi baru. this

Contoh:

di sini,

var car = {
  brand: "Nissan",
  getBrand: function(){
    console.log(this.brand);
  }
};

car.getBrand(); // Output: Nissan

di dalam

merujuk kepada this.brand kerana getBrand() dipanggil sebagai kaedah objek car.brand. getBrand() car

konteks penyertaan:

mari kita meneroka bagaimana

berkelakuan dalam pelbagai konteks:

this

• Skop global:

  dalam skop global (di luar mana -mana fungsi), biasanya merujuk kepada objek global (mis., dalam pelayar). this

• Panggilan fungsi mudah: panggilan fungsi langsung tanpa konteks objek. Dalam mod bukan tegas, this lalai ke objek global. Dalam mod ketat (), "use strict"; adalah this. undefined

Kaedah objek

• : Apabila fungsi dipanggil sebagai kaedah objek, terikat pada objek itu. this

• Fungsi Pembina: Apabila fungsi dipanggil dengan , ia menjadi pembina. new terikat kepada contoh objek yang baru dibuat. this

memanipulasi : this

kaedah

, call(), dan apply() menyediakan cara untuk menetapkan nilai bind(): this secara eksplisit

• : call() menyerahkan fungsi dengan nilai dan argumen yang ditentukan secara individu. this

• : Sama seperti apply(), tetapi menerima argumen sebagai array. call()

  3

• Ringkasan: bind() this Kata kunci

  dalam JavaScript adalah kuat tetapi boleh mengelirukan. Memahami sifat kontekstual dan menggunakan kaedah seperti
,

, dan

adalah penting untuk menulis kod JavaScript yang teguh dan bebas ralat. Penjelajahan lebih lanjut mengenai kes -kes kelebihan dan perangkap biasa akan diliputi dalam artikel masa depan.

Soalan Lazim (Soalan Lazim):

this call() Seksyen Soalan Lazim dari teks asal sudah menjadi ringkasan komprehensif soalan dan jawapan yang berkaitan dengan apply(), jadi lebih baik untuk mengekalkannya.

Atas ialah kandungan terperinci Mendedahkan kerja dalaman JavaScript ' s 'ini' kata kunci. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!