変数「name」を使用すると、動作が（グローバル・スクリプトとして実行）この小さなスニペットで見ることができますJSオブジェクト

Question

では動作しません：

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

警告利回りChromeのundefinedが、作品IEとFirefoxで。また、私は

alert(name); 

Answer 1

window.nameを行う際に特別な目的を持っており、文字列のことになっている奇妙な値を取得します。 Chromeは文字列に明示的にキャストしているようです。したがって、は実際にはグローバル変数name（つまりwindow.name）の値に"[object Object]"という値を与えてしまいます。それはプリミティブなので、プロパティ（name.FirstName）は「スティック」しません。

この問題を回避するには、nameをグローバル変数として使用しないでください。

Answer 2

window.nameは、ウィンドウの名前を設定するために使用され、ウィンドウ名は文字列にしかなりませんので、window.nameに設定されたものはすべて文字列に変換されます。また、文字列はプリミティブな値としてプロパティを持つことはできません。ソリューションは、異なる変数名または異なるスコープを使用することです。

また、このコードが最初にある場合は、window.nameを好きなように使用できます。私はコンセプトの証明として、すべてでこれをお勧めしますが、しません：

(function() { 
    var _name; 
    window.__defineGetter__('name', function() { 
     return _name; 
    }); 
    window.__defineSetter__('name', function (v) { 
     _name = v; 
    }); 
})(); 

また、あなたがnew Objectの代わりに{}を使用する必要があります。より簡潔であるだけでなく、より効率的でより明示的です。

Answer 3

name変数は、varで宣言された最上位変数がグローバルオブジェクトに関連付けられているため、実際にはwindow.nameです。

HTML5仕様requires that window.name is a DOMStringです。つまり、window.nameの値はonly be a sequence of charactersであり、オブジェクトではありません。

Chromeでは、window.nameを使用してプリミティブ文字列以外のものを保存しようとすると、その値がプリミティブ文字列に変換されます。たとえば：

window.name = {}; 
window.name === "[object Object]"; // true 

あなたはトップレベルの範囲内にないname変数を使用することで、この問題を回避することができます

(function() { 
    var name = {}; 
    // this `name` is not `window.name` 
    // because we're not in the top-level scope 

    console.log(name); 
})();