为什么这个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.