Come mai eval non ha accesso alle variabili con scope sotto a con istruzione?

Question

Perché non è possibile accedere alle variabili con ambito utilizzando eval in una dichiarazione with?

Ad esempio:

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

EDIT: Come l'esperto CMS ha sottolineato, questo sembra essere un bug del browser (browser che utilizzano la console WebKit).

Se qualcuno si chiedeva che cosa abominevole che stavo cercando di venire con che richiederebbe sia il "male" e evalwith - Stavo cercando di vedere se potessi ottenere una funzione (utilizzata come un callback) eseguita in un altro contesto piuttosto che quello in cui è stato definito. E no, I probabilmente non lo uso da nessuna parte .. più curioso di ogni altra cosa.

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

Answer 1

Questo è un bug riproducibili solo dalla console del WebKit, che ha problemi di legame contesto chiamante quando eval viene richiamato da un FunctionExpression.

Quando viene effettuata una chiamata diretta del eval, il codice valutata come ci si aspetta dovrebbe condividere sia la variabile di ambiente:

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

E anche l'ambiente lessicale:

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

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

Nella funzione di cui sopra localVar deve essere dichiarato nell'ambiente lessicale del chiamante, non nel contesto globale.

Per FunctionDeclaration s il comportamento è del tutto normale, se proviamo:

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

E

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

sono stato in grado di riprodurre il problema sui seguenti browser in esecuzione su Windows Vista SP2:

• Chrome 5.0.375.125
• Chrome 6.0.472.25 dev
• Safari 5.0.1
• WebKit giornaliera costruzioni r64893

Answer 2

Eval funziona sempre in ambito globale, vero?

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

funzionare bene: http://polyfx.com/jstest.html in FF/Chrome/Safari/IE.

Il problema con gli snippet di codice in esecuzione da varie console è che le console di solito si avvitano con il contesto. (Ad esempio, la console di Chrome non sembra essere propriamente avvolgente nel contesto globale, mentre la console di Firebug lo fa). Potrebbe essere un bug o (più probabile) potrebbe funzionare come previsto.

Answer 4

Mettendo eval e con parte, nuove bowsers includono il metodo ecma5 Function.prototype.bind per chiamare una funzione in ambito qualche dell'oggetto selezionato.

per browser meno recenti è possibile falso it-

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