使用变量“name”不适用于JS对象

Question

行为可以在这个小片段中看到（作为全局脚本执行）：

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

该警报在Chrome中产生未定义的，但在IE和Firefox中有效。当我这样做的时候，我也会得到一个奇怪的值

alert(name);




Answer 1

使用ES6，您可以将代码编写为let name或const name。这不会分配它或尝试覆盖window.name。这里有更多。

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

Answer 2

您的name变量实际上是窗口。名称，因为用var声明的顶级变量附加到全局对象。

HTML5规范要求window.name是一个DOMString。这意味着window.name的值只能是字符序列，而不是对象。

在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);
})();

Answer 3

window.name有一个特殊的用途，应该是一个字符串。Chrome似乎显式地将其转换为字符串，所以var name = {};实际上最终给出了全局变量name（即window.name）"[对象对象]"的值。因为它是一个基元，属性（名称。FirstName）不会坚持。

为了解决这个问题，不要使用name作为全局变量。