Mengapa Menetapkan `var name = {}` Menghasilkan Keputusan Berbeza dalam Pelayar Berbeza?

Percanggahan Kelakuan "nama" Pembolehubah dalam Objek JavaScript

Dalam JavaScript, nama pembolehubah telah diberikan peranan khas sebagai nilai rentetan dalam objek tetingkap (window.name). Ciri unik ini boleh membawa kepada tingkah laku yang tidak dijangka apabila menggunakan nama bersama-sama dengan objek JavaScript.

Pertimbangkan coretan kod berikut dilaksanakan sebagai skrip global:

var name = {};
name.FirstName = 'Tom';
alert(name.FirstName);

Dalam Chrome, kod ini akan menghasilkan "undefined" apabila amaran dipaparkan, manakala dalam IE dan Firefox, sifat FirstName boleh diakses dan dipaparkan "Tom."

Percanggahan ini timbul kerana Chrome secara eksplisit memaksa window.name kepada rentetan. Akibatnya, tugasan var name = {} pada asasnya menetapkan nama pembolehubah global (window.name) kepada "[object Object]." Memandangkan nama kini adalah primitif, percubaan untuk menetapkan sifat seperti nama.FirstName akan menjadi tidak berkesan.

Untuk menyelesaikan isu ini, elakkan menggunakan nama sebagai pembolehubah global. Dengan memberikan nama pembolehubah yang berbeza, anda boleh memastikan bahawa gelagat unik yang dikaitkan dengan window.name tidak dicetuskan secara tidak sengaja.

Atas ialah kandungan terperinci Mengapa Menetapkan `var name = {}` Menghasilkan Keputusan Berbeza dalam Pelayar Berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!