javascript - この Javascript が undefined を返すのはなぜですか?

Question

var linksList = [
   "http://a.com",
   "http://b.com",
   "http://c.com",
]

for (var i=0; i<linksList.length; i++) {
    setTimeout(function() {
        console.log(linksList[i]); 
    }, 3000);
}  

これを Chrome インスペクターに貼り付けたところ、なんらかの理由で数値が返されます (完全に乱数のように見えますか?)... 待機し、3 つの「未定義」コンソール エラーが返されます。

Answer 1

閉鎖を使用する:

for (var i=0; i<linksList.length; i++) {
    (function(i){
       setTimeout(function() {
          console.log(linksList[i]); 
       }, 3000);
    })(i);
}

あなたの問題は、setTimeoutのコールバックが呼び出されたとき、i = linksList.lengthすでに であるため、出力しています:

 console.log(linksList[ linksList.length ]); 

3回、はどこlinksList[ linksList.length ]ですかundefined。