為什么這個 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 already ，所以你正在輸出：

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

3次，其中linksList[ linksList.length ]是undefined 。