js中閉包for迴圈

標籤：導致   []   調用   理解   匿名函數   for   對象   結束   閉包   

var a=[];for(var i=0;i<10;i++){    a[i]=function(){        alert(i);    }}alert(i);    //10a[0]();        //10a[9]();        //10

　　為什麼a[0]到a[9]都是10,而不是我們想像中的0到9呢?

　　我的理解是js的範圍導致的.

　　首先來看參數的傳遞.js是按值傳遞的,原始碼中的a[i]=function(){alert(i)},a[i]儲存的是一個指向堆記憶體的地址(對象和方法在js中儲存在堆記憶體中).當每一次for迴圈時:a[0]=function(){...},a[1]=function(){...},一直到a[9]=function(){...},迴圈改變的是a[0]到a[9],a[i]裡的function(){...}毫無變化,仍然是一個指向堆記憶體的字串.那麼又引出一個新問題,為什麼不增加function(){...}裡面的i,因為匿名函數不能自我執行.當最後調用a[0]到a[9]時,儲存著匿名函數地址的字串才真正去在堆記憶體中找方法執行,這時for迴圈早已結束,結果都是10.

　　將代碼改成a[i]=i;a[i]儲存的是一個基本類型值,可以得到a[0]=0 ...... a[9]=9.因為沒有範圍鏈的限制.

var b=[];for(var j=0;j<10;j++){    b[j]=function(){        return j;    }()}alert(j);           //10alert(b[0]);        //0alert(b[9]);        //9

　　將匿名函數自動執行,並且賦值給b,達到我們想要的結果

 

js中閉包for迴圈