期望：開始輸出一個0，然后每隔一秒依次輸出1,2,3,4。
for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000 * i); } 結果：輸出5。
原因：setTimeout 使函數延遲1s執行，而for循環執行完成還不到0.1秒，到執行函數的時候，其實 i 已經變成5了，因此console.log(i)輸出5。
解決方法一：使用let塊作用域。
for (let i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000 * i); } 解決方法二：加個閉包。
for (var i = 0; i < 5; i++) { (function(i) { setTimeout(function() { console.log(i); }, 1000 * i); })(i); } 結果：開始輸出一個0，然后每隔一秒依次輸出1,2,3,4。
失敗方法：
for (var i = 0; i < 5; i++) { (function() { setTimeout(function() { console.log(i); }, 1000 * i); })(); } 結果：輸出 5。
原因：去掉函數的參數i，則函數內部沒有對i保持引用。
解決方法三：
for (var i = 0; i < 5; i++) { setTimeout((function(i) { console.log(i); })(i), i * 1000); } 結果：立馬輸出0-4。
原因：setTimeout可以接受函數或者字符串作為參數，而給setTimeout傳遞了一個立即執行函數，該立即執行函數是undefined ，也就是說等價于setTimeout(undefined, ...)。立即執行函數會立即執行。
以上這篇解決循環中setTimeout執行順序的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持VeVb武林網。
新聞熱點
疑難解答
