有效的 javascript 对象属性名称

Question

我正在尝试找出对 javascript 对象的属性名称有效的内容。例如

var b = {}
b['-^colour'] = "blue";     // Works fine in Firefox, Chrome, Safari
b['colour'] = "green";      // Ditto
alert(b['-^colour']);       // Ditto
alert(b.colour);            // Ditto
for(prop in b) alert(prop); // Ditto
//alert(b.-^colour);     // Fails (expected)

这个post 详细说明了有效的javascript 变量名，而'-^colour' 显然是无效的（作为变量名）。这同样适用于对象属性名称吗？看看上面我正在努力解决如果

1. b['-^colour'] 无效，但可以在所有浏览器中正常工作，我不应该相信它会继续工作

2. b['-^colour'] 是完全有效的，但它只是一种只能以这种方式访问​​的形式 - （它支持，所以对象可以用作地图吗？）

3. 别的东西

顺便说一句，javascript 中的全局变量可能在顶层声明为

var abc = 0;

但也可以用

创建（据我所知）

window['abc'] = 0;

以下所有浏览器均适用

window['@£$%'] = "bling!";
alert(window['@£$%']);

这有效吗？这似乎与变量命名规则相矛盾 - 或者我没有在那里声明变量？变量和对象属性名有什么区别？

Answer 1

1. 每次创建全局变量时，实际上都会创建一个全局对象的新成员（在浏览器环境中为window，在Node.js 中为global，等等.)。这就是为什么window.x 与（全局）var x、this.x 或只是x 完全相同。

2. 理解 JavaScript 像地图一样的对象 是非常正确的，因为：a) 您可以动态添加新元素 - 随时； b) 元素可以有任何名称 - 也包括特殊字符，c) 您可以尝试访问对象/地图的不存在元素，这不是错误，d) 您可以从对象中删除元素。

3. 如果您喜欢使用标准点符号（例如a.x）访问对象成员，则不允许使用除_ 或$ 之外的任何特殊字符；名称也不能以数字开头。对于所有其他情况，您必须使用方括号和引号来访问对象元素。

Answer 2

对象属性命名规则和变量命名规则是分开的。该标准仅“保留”少数属性名称（例如prototype 和constructor，IIRC），但除此之外，任何字符串都可以。

当然，除非执行环境（即浏览器）决定添加更多魔法属性。 （我听说设置 __proto__ 会以非常奇怪的方式破坏一些东西）

Answer 3

是的，对象可以用作地图，任何字符串都可以是属性名称。正如您所发现的，某些属性只能使用括号语法访问。

window['abc']

正在访问一个属性。它不是一个变量，即使它（在全局级别）引用相同的值：

abc