这个 Javascript 对象字面量键限制是否严格归因于解析？

Question

请参考下面的代码，当我“注释”任一注释掉的行时，它会导致“'：'预期”的错误（在IE中）。那么我的结论是否正确，即无法提供对对象值的引用，作为字符串文字中的对象键；这严格来说是一个解释器/解析问题吗？与 Crockford 的“好部分”相比，这是 Javascript 的一个糟糕（或至少是“坏”）“部分”的候选者吗？

<script>
var keys = {'ONE': 'one'};

//causes error:
//var obj1 = {keys.ONE: 'value1'};
//var obj1 = {keys['ONE']: 'value1'};

//works
var obj1 = {};
obj1[keys.ONE] = 'value1';

//also works
var key_one = keys.ONE;
var obj2 = {key_one: 'value1'};
</script>

Answer 1

文字对象语法的限制是名称必须是文字。由于名称可以指定为标识符和字符串，因此不可能使用变量来代替。

这将创建一个具有属性 n 的对象，而不是属性 answer：

var n = 'answer';
var o = { n: 42 };

Answer 2

使用 {} 定义对象时不能使用变量作为键，

因此它们将被解释为字符串名称，并且只能包含可用于变量名称的字符

objectname[anythingThatReturnsValue]='value1'; 是要走的路。

另外，

您还可以生成字符串并解析它。

var s='{"'+keys.ONE+'": "value1"}';
var obj=JSON.parse(s);
//or
s='var obj2='+s;
eval(s);

上述两种方法对于在 JavaScript 中创建对象来说都是不好的做法，我不推荐它们。

Answer 3

想想看：如果它按照你想要的方式工作，它会完全引入语言歧义。

var obj = {something:"red"}
var obj = {"something":"red"}

这两个语句在 JavaScript 中是等效的，因为裸字键是“自动引用的”。因此，如果 something 表示文字字符串“something”，那么它如何也可以引用变量“something”。不可以。因此，如果您想使用变量，则必须使用方括号表示法而不是 key : value 表示法。

Answer 4

您可以尝试：

var obj = {};
var val = 'foo';

obj[val] = 'bar'; 

obj.foo >>> 'bar';