Mengapa Pembolehubah `nama` JavaScript Berkelakuan Berbeza Merentasi Pelayar Apabila Digunakan dengan Objek?

Windows Variable 'name' Berkelakuan Berbeza dengan Objek

Dalam JavaScript, mentakrifkan pembolehubah dengan nama simpanan 'nama' boleh membawa kepada tingkah laku yang tidak dijangka apabila bekerja dengan objek.

Dalam coretan berikut, Chrome berkelakuan berbeza daripada yang lain pelayar:

var name = {};
name.FirstName = 'Tom';
alert(name.FirstName); // undefined in Chrome, 'Tom' in IE/Firefox

Anomali ini timbul kerana 'nama' mempunyai tujuan khas dalam objek tetingkap penyemak imbas. Walaupun IE dan Firefox menganggap 'nama' sebagai objek biasa yang boleh memegang sifat, Chrome mentafsirkannya sebagai rentetan primitif dan menghantarnya dengan sewajarnya.

Oleh itu, memberikan objek kepada 'nama' pembolehubah (var name = {}) secara tersirat menetapkan sifat window.name kepada nilai rentetan "[objek Objek]". Penukaran ini memecahkan gelagat objek yang dijangkakan, menjadikannya mustahil untuk menetapkan atau mengakses sifat pada 'nama', seperti yang dilihat dalam perkara berikut:

alert(name); // "[object Object]"

Untuk mengelakkan isu ini, adalah disyorkan untuk mengelak daripada menggunakan 'nama' sebagai nama pembolehubah global, terutamanya apabila bekerja dengan objek. Sebagai alternatif, anda boleh menggunakan nama pembolehubah lain atau pertimbangkan untuk menggunakan ruang nama untuk mengelakkan perlanggaran nama.

Atas ialah kandungan terperinci Mengapa Pembolehubah `nama` JavaScript Berkelakuan Berbeza Merentasi Pelayar Apabila Digunakan dengan Objek?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!