JavaScript の「name」変数をオブジェクトで使用すると、ブラウザによって動作が異なるのはなぜですか?

Windows 変数 'name' がオブジェクトに対して異なる動作をする

JavaScript で、予約名 'name' を持つ変数を定義すると、オブジェクトを操作するときに予期しない動作が発生する可能性があります。

次のスニペットでは、Chrome は他のものとは異なる動作をします。ブラウザ:

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

この異常は、「名前」がブラウザ ウィンドウ オブジェクト内で特別な目的を持っているために発生します。 IE と Firefox は「name」をプロパティを保持できる通常のオブジェクトとして扱いますが、Chrome はそれをプリミティブ文字列として解釈し、それに応じてキャストします。

その結果、オブジェクトを変数「name」に代入します (var name = {}) は、window.name プロパティを文字列値「[object Object]」に暗黙的に設定します。この変換により、期待されるオブジェクトの動作が崩れ、次のように 'name' のプロパティを設定したりアクセスしたりできなくなります:

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

この問題を回避するには、'name' の使用を避けることをお勧めします。特にオブジェクトを操作する場合は、グローバル変数名として使用します。あるいは、他の変数名を使用するか、名前の衝突を避けるために名前空間の使用を検討することもできます。

以上がJavaScript の「name」変数をオブジェクトで使用すると、ブラウザによって動作が異なるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。