鍍金池/ 問答/HTML/ 閉包的一個常見的問題

閉包的一個常見的問題

作用域鏈的這種配置機(jī)制引出了一個值得注意的副作用,即閉包只能取得包含函數(shù)中任何變量的最后一個值。別忘了閉包所保存的是整個變量對象,而不是某個特殊的變量。下面這個例子可以清晰的說明這個問題。

function createFunction() {

var result = new Array();

for(var i = 0; i < 10; i++){
    result[i] = function() {
        return i;
    }
}
return result;

}

問題1:這是高級程序設(shè)計中的第7節(jié)的閉包。我說一下我的理解:首先result[]=function(){}是個閉包函數(shù),在result[]這個匿名函數(shù)沒被銷毀之前,createFunction()對象是不會回收的,所以每個result[]函數(shù)的作用域鏈中保存的是提同一個createFunction()對象。所以i是同一個。所以result[1-10]都是10;

function createFunction(){

var result = new Array();

for (var i = 0; i < 10; i++){
    result[i] = function(num) {
        return function() {
            return num;
        }
    }(i);
}
return result;

}

在重寫了前面的createFunctions()函數(shù)后,每個函數(shù)就會返回各自不同的索引值,在這個版本中,我們沒有直接把閉包賦值給數(shù)組,而是定義了一個匿名函數(shù),并將立即執(zhí)行該匿名函數(shù)的結(jié)果賦值給數(shù)組。這里的匿名函數(shù)喲一個參數(shù)num,也就是最終的函數(shù)要返回的值。在調(diào)用每個匿名函數(shù)時,我們傳入了變量i。由于函數(shù)參數(shù)是按值傳遞的,所以就會把變量i的值復(fù)制給參數(shù)num,而在這個匿名函數(shù)內(nèi)部,又創(chuàng)建并返回一個訪問num的閉包,這樣一來,result數(shù)組中每個函數(shù)都有自己num變量的一個副本,因此就可以返回各自不同的數(shù)值了。

問題2:然后我看到這就有點(diǎn)懵逼了,書上只有這么一串文字。。單純看上述文字感覺有些...難理解,不知可有人能通俗的解析一下,或者畫張圖什么的。。。

問題3:為何不采用以下寫法呢??

 function createFunction(){
        var result = new Array();
    
        for (var i = 0; i < 10; i++){
            result[i] = function(num) {
               return num;
            }(i);
        }
        return result;
    }
回答
編輯回答
刮刮樂
  1. 確實(shí)是閉包,但不用把閉包想象得那么深奧,重要地是分析代碼的邏輯。循環(huán)完之后,result其實(shí)是一個數(shù)組,數(shù)組的每一項(xiàng)都是一個函數(shù)。即
result = [function(){ return i},function(){ return i},...]

2和3都是IIFE的。3當(dāng)然不行了,result的每一項(xiàng)都不是函數(shù),而例子中返回的是函數(shù)。

2017年10月21日 08:44
編輯回答
撿肥皂

其實(shí)你最后的這個例子。。為什么還要寫函數(shù)。。直接

return[i] = i;

是一個意思。。

書上面沒有這么改,估計是這么用。

var a = createFunction();
a[6](); //我估計后面有一個調(diào)用的過程,所以result[i]每次都寫成一個函數(shù)體

你這么改之后,result[i] 就是一個Number類型的值,result[i]()會報錯。

估計我之前踩過的坑可能對你有點(diǎn)幫助?

(只是一個閃念的記錄,估計會有很多不規(guī)范的地方,歡迎指正)

for循環(huán)閉包問題 -- 流沙渡

2018年6月16日 00:16
編輯回答
亮瞎她

按照個人理解回答一下:

1.在createFunction函數(shù)執(zhí)行時會產(chǎn)生其作用域鏈,指向自身活動對象如this,arguments等(當(dāng)然還有指向全局對象,只不過是函數(shù)定義時就有了)其中包括result和i,當(dāng)函數(shù)執(zhí)行完成時,i的最終結(jié)果為10,result是一個數(shù)組,其中每個元素是一個匿名函數(shù)并且返回i;所以如果拿到返回的result去執(zhí)行每一個元素時,都要去相同的作用域中訪問i元素,也就是每次都是10。

2.改變寫法后唯一的不同是把數(shù)組元素用匿名函數(shù)賦值的方式改成了立即執(zhí)行函數(shù)的返回值賦值,這其中最大的區(qū)別就是立即執(zhí)行函數(shù)又生成了自身的函數(shù)作用域,其中每一個作用域都包含了當(dāng)時以參數(shù)形式傳入的num,也就是執(zhí)行時的i值。這相當(dāng)于把i的0-10這些狀態(tài)分別保存到了各自的作用域中。此時再通過result去執(zhí)行每一個元素,就會到其各自的作用域中去找i的值,也就是可以輸出0-10這些個值了。

3.因?yàn)椴荒懿捎么藢懛ā?/p>

2017年9月1日 07:07