JavaScript中eval解析JSON字符串为何需要包裹小括号

eval解析JSON字符串的常见做法

在高级浏览器环境中，我们通常使用 JSON.parse() API 将 JSON 字符串转换为 JSON 对象。然而，在某些情况下，开发者可能会选择使用 函数来实现这一目的，尽管这种做法存在争议。

var str = '{"name": "hanzichi", "age": 10}';
var obj = eval('(' + str + ')');
console.log(obj); // Object {name: "hanzichi", age: 10}

观察上述代码可以发现，传递给 的参数 str 被一层小括号包裹。这种写法并非多余，而是有特定的技术原因。

eval函数的定义与行为

为了理解这一机制，首先需要明确 函数的定义及其工作原理。

接收一个字符串作为参数。如果该字符串包含合法的 JavaScript 表达式， 会对其求值；如果字符串包含一个或多个声明语句， 会执行这些声明。需要注意的是，不应调用 来计算算术表达式，因为 JavaScript 引擎会自动处理算术求值。

简而言之， 的参数是一个字符串。如果将这个字符串中的引号去除（即“去字符串化”），剩下的内容将变成标准的、可执行的 JavaScript 代码。

具体是如何实现的呢？请看以下示例代码：

var str = "alert('hello world')";
eval(str);

执行该代码后，控制台会输出 “hello world”。这里我们将变量 str 进行“去字符串化”处理，一种直观的做法是移除外层的引号，并对内部内容进行适当调整（如转义），使其成为合法的 JS 语句。

alert('hello world')

处理后的代码如下所示，这是一条标准的、可执行的 JavaScript 语句：

为何JSON字符串需包裹小括号

现在回到最初的问题：为什么在解析 JSON 字符串时，必须用 包裹？如果不加 ，代码会呈现如下状态：

var str = '{"name": "hanzichi", "age": 10}';
var obj = eval(str); // Uncaught SyntaxError: Unexpected token :

执行结果报错。为什么会发生错误？让我们尝试对 str 进行“去字符串化”处理并执行，看看实际发生了什么：

{"name": "hanzichi", "age": 10}; 
// Uncaught SyntaxError: Unexpected token :

结果显示，一个 JSON 对象（或对象字面量）本身并不是一个可执行的 JavaScript 语句。这似乎陷入了死胡同，但让我们尝试以下代码：

var str = '{name: "hanzichi"}';
var obj = eval(str);
console.log(obj); // hanzichi

这又是怎么回事？如果给 name 加上引号，代码又会报错。

var str = '{"name": "hanzichi"}';
var obj = eval(str); // Uncaught SyntaxError: Unexpected token :
console.log(obj);

为了理清思路，我们可以再次尝试对 str 进行“去字符串化”，观察其是否能成为合法的 JavaScript 语句。前者的处理结果如下：

{name: "hanzichi"}

这确实是一条合法的 JavaScript 语句。在 ES6 之前，JavaScript 没有块级作用域，因此 可以在 if、for 等语句中使用，也可以在任何位置使用，而不会引起作用域冲突。去掉 后， 变成了一个标签语句（label statement）。标签语句在跳出嵌套循环时非常有用，其标记名不能带引号，且可以放置在代码的任何位置。

一旦一个对象有了两个 key，比如 {name: "hanzichi", age: 10} ，ok，两个 label 语句？将 “hanzhichi” 以及 10 分别看做是语句，但是 语句之间只能用封号连接！（表达式之间才能用逗号）。所以改成下面这样也是没有问题的：

var str = '{name: "hanzichi"; age: 10}';
var obj = eval(str); 
console.log(obj); // 10

小括号将语句转换为表达式的原理

这解释了开头代码报错的原因。那么，为什么加上 就能解决问题呢？简单来说， 会将语句转换为表达式，称为“语句表达式”。括号内的代码会被转换为表达式进行求值并返回结果，而对象字面量必须作为表达式存在才能被正确解析。

本文不深入探讨表达式理论，但值得记住的是：表达式永远有一个返回值。大多数表达式会被包裹在 内，且 内部不能为空。如果有多个表达式，需用逗号分隔，即所谓的“逗号表达式”，它会返回最后一个表达式的值。