js典型題--從閉包開始

標籤：timeout   script   函數傳參   class   for   java   pre   .net   並且   

一個不起眼的開始

 for(var i=0;i<5;i++){       setTimeout(function () {           console.log(i)       },1000)   }console.log(i)//5     5,5,5,5,5

　　這裡涉及到javascript的單線程非同步機制，詳細介紹見    http://blog.csdn.net/alex8046/article/details/44494859

　　javascrip是單線程語言，所有非同步事件（計時器、滑鼠事件、ajax...）在所有時間執行完畢之後才能執行，並且單線程事件幾乎在同一時間內執行完畢，因此，在for迴圈結束後，i已經變為5，而settimeout事件在1秒之後輸出5個5。

 

如果希望輸出值變為  5   0,1,2,3,4 改如何進行改進？

1.閉包，將變數儲存

for(var i=0;i<5;i++){        (function (j) {   //閉包，j=i            setTimeout(function () {                console.log(j)            },1000)        })(i)    }console.log(i)

 2.迴圈體內進行函數傳參，保留變數

 var fn=function (i) {        setTimeout(function () {            console.log(i)        },1000)    }    for(var i=0;i<5;i++){        fn(i)    }    console.log(i)

 

js典型題--從閉包開始