Rumah > hujung hadapan web > tutorial js > Mengapa Gunakan `var self = this` dalam JavaScript?

Mengapa Gunakan `var self = this` dalam JavaScript?

Patricia Arquette
Lepaskan: 2024-12-13 17:56:10
asal
755 orang telah melayarinya

Why Use `var self = this` in JavaScript?

Memahami Idiom JavaScript: var self = this

Dalam JavaScript, anda mungkin menghadapi simpulan bahasa 'var self = this' dalam senario tertentu . Untuk memahami tujuannya, mari kita pertimbangkan contoh daripada WebKit HTML 5 SQL Storage Notes Demo:

function Note() {
  var self = this;

  // ...
}
Salin selepas log masuk

Mengekalkan Konteks

Dalam contoh ini, 'diri' ialah digunakan untuk mengekalkan rujukan kepada konteks asal 'ini', walaupun apabila konteks berubah dalam fungsi bersarang. Pengendali acara sering menggunakan teknik ini, terutamanya dalam penutupan.

Dengan memberikan 'ini' kepada 'diri', apabila fungsi dalaman dipanggil, mereka masih boleh mengakses konteks 'ini' asal, yang penting untuk mengakses contoh sifat dan kaedah.

Penamaan Alternatif

Perlu diperhatikan bahawa nama 'diri' hanyalah konvensyen. Nama alternatif seperti 'itu' adalah sama sah. Kuncinya ialah untuk mewujudkan pembolehubah yang mengekalkan rujukan asal 'ini'.

Skop Fungsi

Fungsi yang diisytiharkan dalam konteks boleh mengakses pembolehubah dan fungsi yang ditakrifkan dalam skop tersebut atau dalam skop luar. Prinsip ini terpakai pada fungsi bersarang dan penutupan juga.

Contoh

Pertimbangkan panggilan balik acara berikut:

function MyConstructor(options) {
  let that = this;

  // ...

  document.addEventListener('click', (event) => {
    alert(that.someprop);
  });
}
Salin selepas log masuk

Dalam contoh ini, ' itu' mengekalkan konteks 'MyConstructor'. Pengendali acara klik kini boleh mengakses sifat contoh 'someprop' objek yang dibuat dengan 'MyConstructor'.

Atas ialah kandungan terperinci Mengapa Gunakan `var self = this` dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan