为什么 JavaScript 的 eval 需要括号来评估 JSON 数据？

Question

我已经（艰难地）了解到我需要在 JSON 数据周围添加括号，如下所示：（

stuff = eval('(' + data_from_the_wire + ')');
// where data_from_the_wire was, for example {"text": "hello"}

至少在 Firefox 3 中）。

这背后的原因是什么？ 我讨厌在不了解其背后的含义的情况下编写代码。

Answer 1

eval 接受一系列 Javascript 语句。 JavaScript 解析器
将语句中出现的“{”标记解释为块的开头，而不是对象字面量的开头。

当您将文字括在括号中时，如下所示：({ data_from_the_wire })
您正在将 Javascript 解析器切换到表达式解析模式。 表达式中的标记“{”表示对象字面量声明的开始，而不是块，因此 Javascript 将其视为对象字面量。

Answer 2

将括号放在 data_from_the_wire 周围实际上相当于

stuff = eval('return ' + data_from_the_wire + ';');

如果您要在不带括号的情况下进行评估，则将对代码进行评估，并且如果您确实在其中包含任何命名函数，则这些函数将被定义，但不会返回。

以在创建函数时调用函数的能力为例：

(function() { alert('whoot'); })()

将调用刚刚定义的函数。 然而，以下内容不起作用：

function() { alert('whoot'); }()

因此我们看到括号有效地将 then 代码转换为返回的表达式，而不仅仅是要运行的代码。

Answer 3

我不确定原因，但我使用 JSON 类解析 JSON 来自 json.org。 它比使用 eval 安全得多。

Answer 4

在 JavaScript 中，大括号用于创建块语句：

{
var foo = "bar";
var blah = "baz";
doSomething();
}

上面的行可以放入字符串内并毫无问题地进行评估。 现在考虑一下：

{
"foo": "bar",
"blah": "baz"
}

大括号导致 JavaScript 引擎认为它是一个组表达式，因此 : 字符周围出现语法错误。 引用自 MDN...JavaScript 指南...对象文字：

不应在语句开头使用对象文字。
这将导致错误或行为不符合您的预期，因为 {
将被解释为块的开始。

将对象文字包装在 () 内的解决方法是告诉引擎将其内容视为表达式，而不是块语句。 所以这行不通：

({
var foo = "bar";
var blah = "baz";
doSomething(evil);
})
// parse error

但是这行得通：

({
"foo": "bar",
"blah": "baz"
})
// returns object

Answer 5

发生这种情况是因为如果没有圆括号，JavaScript 会尝试将 {"text": ... 解释为 标签 失败。 在控制台中尝试，您将收到“无效标签”错误。

Answer 6

实际上，这取决于 data_from_the_wire 的值。 在大多数情况下，您的语法没问题，但以 { 开头的行被解析为标签，而您的语法无效。 如果用括号将其括起来，可以防止解析器误解您的表达式。

实际上只是一个解析问题。 使用字符串、数字或函数，就不会有这个问题。

一种解决方案是始终评估指令而不是表达式。 你可以写

eval('var stuff = {"text": "hello"}');

Answer 7

我不知道，而且我实际上对此问题的答案很感兴趣，但我的猜测是，如果没有括号，data_from_the_wire 中的数据将被解释为闭包。 也许括号强制求值，因此关联数组被“返回”。

这种猜测会导致投反对票=)。

编辑

Douglas Crockford 在他的 JSON 网站上提到了语法歧义，但是并没有真正帮助我。