evalとsetTimeoutの差は文字列コード

Question

を実行しますevalとsetTimeoutはどちらも文字列を（1番目の）パラメータとして受け入れることができます。

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

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

最初はうまくいく、と第二がエラーを与える：foo is not defined

、彼らがシーンの後ろに実行されているどのように違いがある理由を私は興味が？

Answer 1

は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.

、eval()に渡された文字列リテラルは、evalのへの呼び出しのコンテキストで実行されます。

Answer 2

setTimeoutのevalがグローバルスコープでさらに実行されるため、fooを認識しません。

は、ここでそれをバックアップするreferenceです：

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

このコードを実行すると、javascriptは3行目の "alert（foo）"というふりをします。 Fooは関数のスコープ内で定義されています。

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

このコードを実行すると、javascriptは新しい関数を入力します。すなわちfunction() {alert(foo)}です。その「新しい」機能の範囲では、fooは定義されていません。

Answer 4

setTimeoutには、関数参照とタイムアウトよりも多くのパラメータが必要です。タイムアウトを過ぎて入力されたものは、パラメータとして関数に渡されます。正しい答えを補完するものとして

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

Answer 5

、ここではあなたに同じ動作を与えるだろうevalの呼び出しがあり、この場合はエラー：

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

このブログの記事は上の深さに行きます異なるタイプのeval：http://perfectionkills.com/global-eval-what-are-the-options/