閉包(closure)是Javascript語言的一個難點,也是它的特色,很多高級應(yīng)用都要依靠閉包實現(xiàn)。
當(dāng)function里嵌套function時,內(nèi)部的function可以訪問外部function里的變量。
function foo(x) { var tmp = 3; function bar(y) { alert(x + y + (++tmp)); } bar(10);}foo(2)不管執(zhí)行多少次,都會alert 16,因為bar能訪問foo的參數(shù)x,也能訪問foo的變量tmp。
但,這還不是閉包。當(dāng)你return的是內(nèi)部function時,就是一個閉包。內(nèi)部function會close-over外部function的變量直到內(nèi)部function結(jié)束。
function foo(x) { var tmp = 3; return function (y) { alert(x + y + (++tmp)); }}var bar = foo(2); // bar 現(xiàn)在是一個閉包bar(10);上面的腳本最終也會alert 16,因為雖然bar不直接處于foo的內(nèi)部作用域,但bar還是能訪問x和tmp。
但是,由于tmp仍存在于bar閉包的內(nèi)部,所以它還是會自加1,而且你每次調(diào)用bar時它都會自加1.
?。紤]到六歲這個限制:我們其實可以建立不止一個閉包方法,比如return它們的數(shù)組,也可以把它們設(shè)置為全局變量。它們?nèi)贾赶蛳嗤膞和相同的tmp,而不是各自有一份副本。)
注:現(xiàn)在來整點兒七歲的內(nèi)容。
上面的x是一個字面值(值傳遞),和JS里其他的字面值一樣,當(dāng)調(diào)用foo時,實參x的值被復(fù)制了一份,復(fù)制的那一份作為了foo的參數(shù)x。
那么問題來了,JS里處理object時是用到引用傳遞的,那么,你調(diào)用foo時傳遞一個object,foo函數(shù)return的閉包也會引用最初那個object!
function foo(x) {var tmp = 3;return function (y) { alert(x + y + tmp); x.memb = x.memb ? x.memb + 1 : 1; alert(x.memb); }}var age = new Number(2);var bar = foo(age); // bar 現(xiàn)在是一個引用了age的閉包bar(10); 不出我們意料,每次運行bar(10),x.memb都會自加1。但需要注意的是x每次都指向同一個object變量——age,運行兩次bar(10)后,age.memb會變成2.
這和HTML對象的內(nèi)存泄漏有關(guān),呃,不過貌似超出了答題的范圍。
這里有一個不用return關(guān)鍵字的閉包例子:
function closureExample(objID, text, timedelay) { setTimeout(function() { document.getElementById(objID).innerHTML = text; }, timedelay); } closureExample(‘myDiv', ‘Closure is created', 500); JS里的function能訪問它們的:
1. 參數(shù)
2. 局部變量或函數(shù)
3. 外部變量(環(huán)境變量?),包括
3.1 全局變量,包括DOM。
3.2 外部函數(shù)的變量或函數(shù)。
如果一個函數(shù)訪問了它的外部變量,那么它就是一個閉包。
注意,外部函數(shù)不是必需的。通過訪問外部變量,一個閉包可以維持(keep alive)這些變量。在內(nèi)部函數(shù)和外部函數(shù)的例子中,外部函數(shù)可以創(chuàng)建局部變量,并且最終退出;但是,如果任何一個或多個內(nèi)部函數(shù)在它退出后卻沒有退出,那么內(nèi)部函數(shù)就維持了外部函數(shù)的局部數(shù)據(jù)。
新聞熱點
疑難解答
圖片精選