eval如何在with語句下無權訪問範圍變量？

Question

爲什麼不能使用eval在with聲明下訪問範圍變量？

例如：

(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，而不是在全局上下文中聲明。

對於FunctionDeclaration S中的行爲是完全正常的，如果我們嘗試：

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 dev
• Safari 5.0。1個
• WebKit的每夜構建r64893

Answer 2

Eval總是在全局範圍內運行，不是嗎？

Answer 3

(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") 

FF/Chrome/Safari/IE中的所有工作正常：http://polyfx.com/jstest.html。

從各種控制檯運行代碼片段的問題在於控制檯通常與上下文一起使用。 （即Chrome控制檯似乎沒有在全局環境中正確包裝東西，而Firebug控制檯卻沒有）。它可能是一個錯誤或（更可能）它可能按預期工作。

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); 
    } 
}