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。