問題描述

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()執(zhí)行完之后，為什么arr[0]到arr[4]里面的值都是function () { return i;}為什么不依次是：function () {return 0;}，function () {return 1;}。。。

問題解答

因為閉包只能取得包含函數(shù)中任何變量的最后一個值，在這里指的就是i這個變量，box()函數(shù)執(zhí)行后返回的是一個函數(shù)數(shù)組，數(shù)組中的每一個i引用的都是同一個變量i，注意box()返回的是一個函數(shù)！所以里面的{return i}這只是函數(shù)內的一個聲明，還沒有執(zhí)行呀，所以當然保持{return i}不變。因為引用的是同一個外部i，所以當box()函數(shù)返回后，外部變量i的值是5，此時每一個return中都引用著保存變量i的同一個變量對象，所以如果最后執(zhí)行了內部的arr[]中的函數(shù)，最后每個函數(shù)內部的i的值都是5.

//執(zhí)行內部返回的arr中的函數(shù)，當然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](); //執(zhí)行后返回5//不執(zhí)行內部函數(shù)，僅僅是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：

因為關聯(lián)到閉包的作用域鏈是'活動的'. 并且他們共享變量 i , 并不是對每個綁定的變量的值賦值自己單獨的一份. 他們只是引用 i,并不會保存 i 每個階段的值.

參考書籍: JavaScript 權威指南 8.6 小節(jié).

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循環(huán)里的function只是賦值，并沒有執(zhí)行，所以當數(shù)組中函數(shù)執(zhí)行時才去獲取i的值，這時候i只有循環(huán)結束的值，樓上沒有用到閉包,只是用一個立即執(zhí)行的匿名函數(shù)得到了每個循環(huán)的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：

。“閉包” 一詞來源于以下兩者的結合：要執(zhí)行的代碼塊（由于自由變量被包含在代碼塊中，這些自由變量以及它們引用的對象沒有被釋放）和為自由變量提供綁定的計算環(huán)境（作用域） ---百度百科 意思就是

function () {return i; }

這個就是一個代碼塊，作用僅僅是他引用了i，這樣持有i就會導致i不會被釋放掉，我們保存的只是這個代碼塊，這個代碼塊不運行之前，他根本不知道i是什么東西，就有他運行的時候，他才會去找i，所以你可以把你的arr都輸出一下，應該輸出的全是5

// arr的元素均是下面這個函數(shù) function(){ return i; }

調用的時候才計算 i 是什么。

而在調用這些函數(shù)的時候，for 已經結束，因此取 i 的時候值是 5