奇妙な結果

Question

スクリプトです：

for(var i = 0; i < 5; i++) { 
    setTimeout(function() { console.log(i); }, 0); 
}; 

コンソールで理論的には、出力すべきちょうど5「5」。しかし、Chrome、Opera、またはSafariのコンソールで実行すると、奇妙な数字が残っています。 OSはmacOS Sierra 10.12.1です。

など。

クローム54.0.2840.98（64ビット）：

for(var i = 0; i < 5; i++) { 
     setTimeout(function() { console.log(i); }, 0); 
    }; 
2105 
⑤ 5 

サファリ10.0.1：

> for(var i = 0; i < 5; i++) { 
     setTimeout(function() { console.log(i); }, 0); 
    }; 
< 6 
> for(var i = 0; i < 5; i++) { 
     setTimeout(function() { console.log(i); }, 0); 
    }; 
< 11 
> for(var i = 0; i < 5; i++) { 
     setTimeout(function() { console.log(i); }, 0); 
    }; 
< 16 

オペラ39.0：

for(var i = 0; i < 5; i++) { 
     setTimeout(function() { console.log(i); }, 0); 
    }; 
5 
⑤ 5         VM73:2 
for(var i = 0; i < 5; i++) { 
     setTimeout(function() { console.log(i); }, 0); 
    }; 
10 
⑤ 5         VM74:2 

あなたはそれを自分で試みることができます。興味深いのは、HTMLページに含まれる同じコードが必要なように動作することです。コンソールが開いているタブによって、番号が異なります。それは何ですか？サイクルのための何らかの内部カウンタを推測しますが、わかりません。別の考え方 - コンソールは、関数の戻り値を実行するものを示します。おそらくそれはそうです。しかし、forは何も返しません。少なくともそれはすべきではない。同じコードだが、setTimeoutがないと、奇妙な数字の代わりにundefinedが表示されます。たぶん誰かがそれについて私とインターネットよりも少し知っています。どんな考えも高く評価されています。私の英語には申し訳ありません。ありがとうございました！

Answer 1

ここでは、最小限の例です：

for(var i = 0; i < 5; i++) setTimeout(function() {}) 
> 71 (or whatever) 

文が値を持っていませんが、コンソールが「役に立つ」になろうとし、最後に評価式が返されたものを出力 - この場合は返すsetTimeout(...)ですタイムアウトID - 任意の数。

Answer 2

戻り値はsetTimeoutから出力されている可能性があります。これは、clearTimeoutを使用してクリアするために使用できます。これをもう一度実行すると、各タイムアウトに固有の番号があるため、別の値が返されます。

一方、あなたはおそらく、それが同様に実際のログを見るために、すべてのを示し、それを変更のみエラーを表示するには、コンソールをフィルタリングしています。 DevToolsにはのエラーしかありません。 （Safari）