使用“eval”创建匿名方法- 浏览器特定行为

Question

我使用 jQuery，需要使用 eval() 函数生成一个匿名方法。

以下几行适用于 Opera，但不适用于 IE、FF、Chrome：

var callbackStr = "function(){alert('asdf');}";  
var callback = eval(callbackStr);  
callback();

此代码适用于所有浏览器：

var callbackStr = "var callback = function(){alert('asdf');}";  
eval(callbackStr);  
callback();  

你看，我已经解决了我的问题。但我想知道到底发生了什么。有人可以向我解释这种行为，或者告诉我在哪里可以找到更多信息吗？

（PS：我知道此页面。）

Answer 1

原因与在对 JSON 字符串使用 eval 之前需要将括号括起来的原因相同 - eval 将 { 视为令牌，即语句 eval 假定匿名函数是 FunctionDeclaration。使用括号允许 eval 将里面的内容视为表达式：

var callbackStr = "(function(){alert('asdf');})";  
var callback = eval(callbackStr);  
callback();
// -> alerts 'asdf';

至于为什么 Opera 在这里表现不同，我不知道。至于您对 eval 的使用，可能有更好的方法（几乎总是有）。

我为您从规范中引用了 ECMA-262 第三版 的第 12.4 节：

请注意，ExpressionStatement 不能以左花括号开头，因为这可能会使它
与 Block 不明确。 此外，ExpressionStatement 不能以 function 关键字开头，因为
这可能会使 FunctionDeclaration 变得不明确。

强调我的。

Answer 2

如果您像这样进行评估，第一个示例将会起作用

var callbackStr = "function(){alert('asdf');}";  
var callback = eval("(" + callbackStr + ")");  
callback();

Answer 3

eval 不会返回这样的函数。相反，它在全局范围内执行一段代码，这就是第二个示例起作用的原因 - 回调变量已在全局范围内创建。

我确信这些只是极其简化的示例，但您几乎总是可以首先避免使用 eval，这是推荐的。

Answer 4

第一种情况只是评估您的字符串并执行该函数。它不会返回指向该特定函数的指针，这就是为什么您不能通过调用回调来执行它。