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!