javascript - 初學閉包,不太明白,求大神指教
問題描述
function box() { var arr = []; for (var i = 0; i < 5; i++) {arr[i] = function () { return i;} } return arr;}var b = box();for (var i = 0; i < 5; i++) { alert(b[i]);}
當box()執行完之后,為什么arr[0]到arr[4]里面的值都是function () { return i;}為什么不依次是:function () {return 0;},function () {return 1;}。。。
問題解答
回答1:因為閉包只能取得包含函數中任何變量的最后一個值,在這里指的就是i這個變量,box()函數執行后返回的是一個函數數組,數組中的每一個i引用的都是同一個變量i,注意box()返回的是一個函數!所以里面的{return i}這只是函數內的一個聲明,還沒有執行呀,所以當然保持{return i}不變。因為引用的是同一個外部i,所以當box()函數返回后,外部變量i的值是5,此時每一個return中都引用著保存變量i的同一個變量對象,所以如果最后執行了內部的arr[]中的函數,最后每個函數內部的i的值都是5.
//執行內部返回的arr中的函數,當然box()[1]()、box()[2]()、box()[3]()...都返回5; function box() {var arr = [];for (var i = 0; i < 5; i++) { arr[i] = function () {return i; }}return arr; } box()[1](); //執行后返回5//不執行內部函數,僅僅是box()的話,當然只返回一個function咯 function box() {var arr = [];for (var i = 0; i < 5; i++) { arr[i] = function () {return i; }}return arr; } box(); //[function, function, function, function, function]回答2:
因為關聯到閉包的作用域鏈是'活動的'. 并且他們共享變量 i , 并不是對每個綁定的變量的值賦值自己單獨的一份. 他們只是引用 i,并不會保存 i 每個階段的值.
參考書籍: JavaScript 權威指南 8.6 小節.
回答3:function box() { var arr = []; for (var i = 0; i < 5; i++) {arr[i] = function () { return i;}(); }; return arr;}這樣就是了回答4:
function box() { var arr = []; for (var i = 0; i < 5; i++) {arr[i] = (function () { return i;})(i) } return arr; }var b = box();for (var i = 0; i < 5; i++) { alert(b[i]); }回答5:
示例中for循環里的function只是賦值,并沒有執行,所以當數組中函數執行時才去獲取i的值,這時候i只有循環結束的值,樓上沒有用到閉包,只是用一個立即執行的匿名函數得到了每個循環的i的值;方法:1.用ES6 let替代varfunction box() {
var arr = []; for (let i = 0; i < 5; i++) {arr[i] = function () { return i;} } return arr;}var b = box();for (var i = 0; i < 5; i++) { alert(b[i]());}
2.采用閉包function box() {
var arr = []; for (var i = 0; i < 5; i++) {arr[i] = function (x) { return function(){return x; };}(i); } return arr;}var b = box();for (var i = 0; i < 5; i++) { alert(b[i]());}回答6:
。“閉包” 一詞來源于以下兩者的結合:要執行的代碼塊(由于自由變量被包含在代碼塊中,這些自由變量以及它們引用的對象沒有被釋放)和為自由變量提供綁定的計算環境(作用域) ---百度百科 意思就是
function () {return i; }
這個就是一個代碼塊,作用僅僅是他引用了i,這樣持有i就會導致i不會被釋放掉,我們保存的只是這個代碼塊,這個代碼塊不運行之前,他根本不知道i是什么東西,就有他運行的時候,他才會去找i,所以你可以把你的arr都輸出一下,應該輸出的全是5
回答7:// arr的元素均是下面這個函數 function(){ return i; }
調用的時候才計算 i 是什么。
而在調用這些函數的時候,for 已經結束,因此取 i 的時候值是 5
相關文章:
