JavaScript中eval()函数的使用、返回值与变量环境详解

eval()函数的基本用法

JavaScript提供了eval()函数，用于解析字符串内的JS代码并返回执行结果。

console.log(eval("42 * 2"));//84

从本质看，eval()是JavaScript全局对象的一个函数。例如，上述代码等价于：

console.log(this.eval("42 * 2"));//84

通常使用eval()时，建议忽略全局对象直接调用。

eval()的使用注意事项

eval()的使用

出于以下两点原因，除非必要，否则应避免在代码中使用eval()：

1.逻辑上，字符串应用于存储运行内容或信息，而非具体计算逻辑。 2.因eval()参数为字符串，无法进行词法分析，导致JavaScript解释器无法优化调用语句。

eval()的返回值规则

eval()的返回值

eval()的返回值遵循以下规则：

1.若eval()参数非字符串，则直接返回该参数。 2.若参数为字符串，则将其解析为代码执行，并返回最后一行代码的执行结果。 3.若字符串无法解析为合法代码，eval()将抛出SyntaxError错误。 4.若字符串能解析为合法代码，但执行时报错，该错误将上报给eval()语句并由其抛出。

console.log(eval([1,2,3]));//[1, 2, 3]
console.log(typeof eval([1,2,3]));//object
console.log(eval("42 */ 2"));//SyntaxError
console.log(eval("42 * 2; 22 * 3;"));//66. eval returns the result of last expression/statement
console.log(eval("null.toString()"));//TypeError, exception in eval-ed code will be propagated outside eval().

eval()的变量环境特性

变量环境(variable environment)

JavaScript中eval()具有一个重要特性：参数字符串内的代码可访问外部变量，同时新建的变量也可暴露给外部。即，若参数字符串可合法解析，JS会将解析后的代码替换eval()所在行：

//variable environment
var a = 108;
console.log(eval("function double(x){return x*2;} a = double(a)"));
console.log(a);//216
console.log(double(33));//66

需注意，实现上述特性的前提是eval()参数字符串可合法解析。除语法正确外，JS还要求参数字符串代码必须“自成一体”：仅就参数字符串而言，代码必须有意义。例如，不能将“return;”这样的字符串传给eval()函数：

function test(){
var s = "test";
eval("return s;");
}
test();//SyntaxError: return not in function

若直接调用eval()，参数字符串代码访问的是eval()所在函数的变量，即使用“本地变量环境”。若不直接调用，而是通过指向eval()的新变量调用，则参数字符串代码访问的均为全局变量，即使用“全局变量环境”：

//local variable environment and global variable environment
var renamed = eval;
var x = "origin", y = "origin";
function f(){
var x = "new";
eval("x += 'Changed';");
return x;
}
function g(){
var y = "new";
renamed("y += 'Changed';");
return y;
}
console.log(f(), x);//newChanged origin
console.log(g(), y);//new originChanged

需注意，IE6、7、8中的行为与此不同。在IE6、7、8中，即使eval()被重命名，仍使用“本地变量环境”。