为什么 eval 不能访问 with 语句下的作用域变量？

Question

为什么您不能在 with 语句下使用 eval 访问作用域变量？

例如：

(function (obj) { 
   with (obj) {
      console.log(a); // prints out obj.a
      eval("console.log(a)"); // ReferenceError: a is not defined
   }
})({ a: "hello" })

编辑：正如知识渊博的 CMS 所指出的，这似乎是一个浏览器错误（使用 WebKit 控制台的浏览器）。

如果有人想知道我试图想出什么可憎的东西，那将需要“邪恶”eval 和 with——我想看看我是否可以获得一个函数（用作回调）在另一个上下文中执行，而不是在它定义的那个上下文中执行。不，我可能（咳）不会在任何地方使用它......比什么都好奇。

(function (context,fn) { 
    with (context) 
       eval("("+fn+")()"); 
})({ a: "hello there" }, function () { console.log(a); })

Answer 1

这是一个只能从 WebKit 控制台重现的错误，当从 FunctionExpression 调用 eval 时，它会出现绑定调用者上下文的问题。

当直接调用eval 时，您所期望的评估代码应该共享两个变量环境：

(function (arg) {
  return eval('arg');
})('foo');
// should return 'foo', throws a ReferenceError from the WebKit console

还有词汇环境：

(function () {
  eval('var localVar = "test"');
})();

typeof localVar; // should be 'undefined', returns 'string' on the Console

在上述函数中localVar 应该在调用者的词法环境中声明，而不是在全局上下文中。

如果我们尝试，FunctionDeclarations 的行为是完全正常的：

function test1(arg) {
  return eval('arg');
}
test1('foo'); // properly returns 'foo' on the WebKit console

还有

function test2() {
  eval('var localVarTest = "test"');
}
test2();
typeof localVarTest; // correctly returns 'undefined'

我已经能够在 Windows Vista SP2 上运行的以下浏览器上重现该问题：

• Chrome 5.0.375.125
• Chrome 6.0.472.25 开发版
• Safari 5.0.1
• WebKit Nightly Build r64893

Answer 2

(function (obj) {
   with (obj) {
      alert(a); // prints out obj.a
      eval("alert(a)"); // ReferenceError: a is not defined
   }
})({ a: "hello from a with eval" })

function testfunc(a) { eval("alert(a)"); } testfunc("hello from a testfunc eval");

(function (a) { eval("alert(a)"); })("hello from a function constructor eval")

一切正常：http://polyfx.com/jstest.html 在 FF/Chrome/Safari/IE 中。

从各种控制台运行 sn-ps 代码的问题在于，控制台通常会与上下文发生冲突。 （即 Chrome 控制台似乎没有在全局上下文中正确地包装东西，而 Firebug 控制台可以）。这可能是一个错误，或者（更有可能）它可以按预期工作。

Answer 3

Eval 总是在全局范围内运行，不是吗？

Answer 4

撇开 eval 不谈，新的 bowsers 包括 ecma5 Function.prototype.bind 方法，用于在某些选定对象的范围内调用函数。

对于较旧的浏览器，您可以伪造它-

Function.prototype.bind= Function.prototype.bind || function bind(scope){
    var method= this;
    return function(){
        method.apply(scope, arguments);
    }
}