問(wèn)題描述

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]);}

當(dāng)box()執(zhí)行完之后，為什么arr[0]到arr[4]里面的值都是function () { return i;}為什么不依次是：function () {return 0;}，function () {return 1;}。。。

問(wèn)題解答

因?yàn)殚]包只能取得包含函數(shù)中任何變量的最后一個(gè)值，在這里指的就是i這個(gè)變量，box()函數(shù)執(zhí)行后返回的是一個(gè)函數(shù)數(shù)組，數(shù)組中的每一個(gè)i引用的都是同一個(gè)變量i，注意box()返回的是一個(gè)函數(shù)！所以里面的{return i}這只是函數(shù)內(nèi)的一個(gè)聲明，還沒(méi)有執(zhí)行呀，所以當(dāng)然保持{return i}不變。因?yàn)橐玫氖峭粋€(gè)外部i，所以當(dāng)box()函數(shù)返回后，外部變量i的值是5，此時(shí)每一個(gè)return中都引用著保存變量i的同一個(gè)變量對(duì)象，所以如果最后執(zhí)行了內(nèi)部的arr[]中的函數(shù)，最后每個(gè)函數(shù)內(nèi)部的i的值都是5.

//執(zhí)行內(nèi)部返回的arr中的函數(shù)，當(dāng)然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í)行內(nèi)部函數(shù)，僅僅是box()的話，當(dāng)然只返回一個(gè)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：

因?yàn)?b>關(guān)聯(lián)到閉包的作用域鏈?zhǔn)?活動(dòng)的'. 并且他們共享變量 i , 并不是對(duì)每個(gè)綁定的變量的值賦值自己?jiǎn)为?dú)的一份. 他們只是引用 i,并不會(huì)保存 i 每個(gè)階段的值.

參考書籍: JavaScript 權(quán)威指南 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只是賦值，并沒(méi)有執(zhí)行，所以當(dāng)數(shù)組中函數(shù)執(zhí)行時(shí)才去獲取i的值，這時(shí)候i只有循環(huán)結(jié)束的值，樓上沒(méi)有用到閉包,只是用一個(gè)立即執(zhí)行的匿名函數(shù)得到了每個(gè)循環(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：

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

function () {return i; }

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

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

調(diào)用的時(shí)候才計(jì)算 i 是什么。

而在調(diào)用這些函數(shù)的時(shí)候，for 已經(jīng)結(jié)束，因此取 i 的時(shí)候值是 5