Mengapa Gunakan `var self = this` dalam 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;

  // ...
}

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);
  });
}

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!