Differenza tra eval e setTimeout esegue il codice stringa

Question

So che eval e setTimeout è possibile accettare una stringa come parametro (1 °) e so che è meglio non utilizzarlo. Sono solo curioso perché c'è una differenza:

!function() { 
    var foo = 123; 
    eval("alert(foo)"); 
}(); 

!function() { 
    var foo = 123; 
    setTimeout("alert(foo)", 0); 
}(); 

il primo avrebbe funzionato, e il secondo darà un errore: foo is not defined

Come sono eseguiti dietro la scena?

Answer 1

Vedere le reference of setTimeout on MDN.

String literals are evaluated in the global context, so local symbols in the context where setTimeout() was called will not be available when the string is evaluated as code.

Al contrario, la stringa letterale passata a eval() viene eseguito nel contesto della chiamata a eval.

Answer 2

setTimeout eval è inoltre eseguito in ambito globale, quindi non è a conoscenza di foo.

Ecco reference una copia di backup:

String literals are evaluated in the global context, so local symbols in the context where setTimeout() was called will not be available when the string is evaluated as code.

Answer 3

!function() { 
    var foo = 123; 
    eval("alert(foo)"); 
}(); 

Quando si esegue questo codice, javascript farà finta che la riga 3 dica "avviso (pippo)". Foo è definito nell'ambito della funzione.

!function() { 
    var foo = 123; 
    setTimeout("alert(foo)", 0); 
}(); 

Quando si esegue questo codice, javascript inserirà una nuova funzione; vale a dire function() {alert(foo)}. Nell'ambito di questa "nuova" funzione, foo non è definito.

Answer 4

setTimeout accetta più parametri rispetto al riferimento alla funzione e al timeout. Tutto ciò che viene inserito dopo il timeout verrà passato alla tua funzione come parametro.

setTimeout(myFunction(param1, param2), 0, param1, param2); 

Answer 5

Come complemento alla risposta corretta, ecco una chiamata a eval, che vi darà lo stesso comportamento, e l'errore in questi casi:

!function() { 
    var foo = 123; 
    window.eval("alert(foo)"); // <- note the window.eval, this is important and changes the behavior of the `eval` function 
}(); 

!function() { 
    var foo = 123; 
    setTimeout("alert(foo)", 0); 
}(); 

Questo post del blog va in profondità sul diversi tipi di eval: http://perfectionkills.com/global-eval-what-are-the-options/