? ? 1，對于一個基本的for循環(huán)，順序輸出變量值。

for(var i = 1; i < 4; i++){console.log(i);//結(jié)果不多說了吧}

? ? 2，如果for循環(huán)中有定時器，如下代碼。

for (var i = 1; i < 4; i++) {setTimeout(function() {console.log(i);//3個4}, 3000);}

? ? ? ? 初衷想要3s后輸出1,2,3。但是3s后，輸出3個4。原因是定時器的異步執(zhí)行，for循環(huán)的執(zhí)行速度很快，當(dāng)真正執(zhí)行到函數(shù)體時，此時i早已變成4，所以結(jié)果不想而知。

? ? 3，如果要得到正確結(jié)果，就要引入閉包來保存變量i不被銷毀。

for (var i = 1; i < 4; i++) {(function(a) {setTimeout(function() {console.log(a);//操縱變量a，和i無關(guān)}, 3000);})(i)}

? ? ? ? 這樣引入閉包，變量i保存下來，3s后函數(shù)體執(zhí)行，輸出1,2,3.

? ? ? ? 也可以這樣寫

for (var i = 1; i < 4; i++) {setTimeout(fn(i), 3000);}function fn(a){return function(){console.log(a);}}

? ? 4，如果要實現(xiàn)，沒隔3s輸出一個數(shù)字，即，3s輸出1,3s后再輸出2...，就要對定時器時間設(shè)置

for (var i = 1; i < 4; i++) {(function(a) {setTimeout(function() {console.log(a);}, a*3000); //.....})(i)}

? ? ? ?實際上，for循環(huán)很快，上述代碼類似于同時啟動3個定時器，只需要確保時間不一樣即可。在此，時間分別是3s，6s，9s，由于同時啟動，但是執(zhí)行時間不同，各個時間間隔都是3s。巧妙地達到了目的。

? ? ? 后續(xù)如果有補充，會繼續(xù)添加...

?

轉(zhuǎn)載于:https://www.cnblogs.com/lovemomo/p/6531099.html

總結(jié)

以上是生活随笔為你收集整理的for循环，定时器，闭包混合一块的那点事。的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。