關于Javascript閉包的總結

關于閉包這個詞的解釋

維基百科中對于閉包的經典解釋:

在計算機科學中,閉包(Closure)是詞法閉包(Lexical Closure)的簡稱忽孽,是引用了自由變量的函數(shù)。這個被引用的自由變量將和這個函數(shù)一同存在,即使已經離開了創(chuàng)造它的環(huán)境也不例外祭陷。所以座哩,有另一種說法認為閉包是由函數(shù)和與其相關的引用環(huán)境組合而成的實體徒扶。

Peter J. Landin 在1964年將術語閉包定義為一種包含環(huán)境成分和控制成分的實體。

我的理解是:

閉包就是能夠讀取其他函數(shù)內部變量的函數(shù)根穷。

由于在Javascript語言中姜骡,只有函數(shù)內部的子函數(shù)才能讀取局部變量,因此可以把閉包簡單理解成"定義在一個函數(shù)內部的函數(shù)"屿良。所以圈澈,在本質上,閉包就是將函數(shù)內部和函數(shù)外部連接起來的一座橋梁尘惧。

在程序語言中康栈,閉包就是一種語法糖,它以很自然的形式,把我們的目的和我們的目的所涉及的資源全給自動打包在一起谅将,以某種自然漾狼、盡量不讓人誤解的方式讓人來使用。至于其具體實現(xiàn)饥臂,我個人意見逊躁,在不影響使用的情況下,不求甚解即可隅熙。在很多情況下稽煤,需要在一段代碼里去訪問外部的局部變量,不提供這種語法糖囚戚,需要寫非常多的代碼酵熙,有了閉包這個語法糖,就不用寫這么多代碼驰坊,自然而然的就用了匾二。

閉包的用途:

閉包可以用在許多地方。它的最大用處有兩個拳芙,一個是可以讀取函數(shù)內部的變量察藐,另一個就是讓這些變量的值始終保持在內存中。請看下面的代碼:

function f1(){

var n=999;

nAdd=function(){n+=1}

function f2(){
alert(n);
}

return f2;

}

var result=f1();

result(); // 999

nAdd();

result(); // 1000

個人解釋:

在這段代碼中舟扎,result實際上就是閉包f2函數(shù)分飞。它一共運行了兩次,第一次的值是999睹限,第二次的值是1000譬猫。這證明了,函數(shù)f1中的局部變量n一直保存在內存中羡疗,并沒有在f1調用后被自動清除染服。

為什么會這樣呢?原因就在于f1是f2的父函數(shù)叨恨,而f2被賦給了一個全局變量肌索,這導致f2始終在內存中,而f2的存在依賴于f1特碳,因此f1也始終在內存中诚亚,不會在調用結束后,被垃圾回收機制(garbage collection)回收午乓。

這段代碼中另一個值得注意的地方站宗,就是"nAdd=function(){n+=1}"這一行,首先在nAdd前面沒有使用var關鍵字益愈,因此nAdd是一個全局變量梢灭,而不是局部變量夷家。其次,nAdd的值是一個匿名函數(shù)(anonymous function)敏释,而這個匿名函數(shù)本身也是一個閉包库快,所以nAdd相當于是一個setter,可以在函數(shù)外部對函數(shù)內部的局部變量進行操作钥顽。

javascript高級程序設計一書中對此的解釋:

當閉包f2在f1中被返回后义屏,它的作用域鏈被初始化為包含f1函數(shù)的活動對象和全局變量對象。這樣蜂大,f2函數(shù)就可以訪問在f1函數(shù)定義的所有變量闽铐。更為重要的是,f1函數(shù)在執(zhí)行完畢后奶浦,其活動對象也不會被銷毀兄墅,因為f2函數(shù)的作用域鏈仍然在引用這個活動對象。換句話說澳叉,當f1函數(shù)返回后隙咸,其執(zhí)行環(huán)境的作用域鏈會被銷毀,但它的活動對象仍然會留在內存中成洗;直到f2函數(shù)被銷毀后五督,f1函數(shù)的活動對象才會被銷毀。

閉包經常用于創(chuàng)建含有隱藏數(shù)據(jù)的函數(shù):

var db = (function() {
// 創(chuàng)建一個隱藏的object, 這個object持有一些數(shù)據(jù)
// 從外部是不能訪問這個object的
var data = {};
// 創(chuàng)建一個函數(shù), 這個函數(shù)提供一些訪問data的數(shù)據(jù)的方法
return function(key, val) {
if (val === undefined) { return data[key] } // get
else { return data[key] = val } // set
}
// 我們可以調用這個匿名方法
// 返回這個內部函數(shù)泌枪,它是一個閉包
})();

db('x'); // 返回 undefined
db('x', 1); // 設置data['x']為1
db('x'); // 返回 1
// 我們不可能訪問data這個object本身
// 但是我們可以設置它的成員

關于閉包中的this對象:

我們知道概荷。this對象是運行時基于函數(shù)的執(zhí)行環(huán)境綁定的:在全局函數(shù)中this等于Window秕岛,而當函數(shù)被作為某個對象的方法調用時碌燕,this等于那個對象。不過继薛,匿名函數(shù)的執(zhí)行環(huán)境具有全局性修壕,因此this通常指向Window。

代碼片段一:

var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name;
};
}
};
alert(object.getNameFunc()());

代碼片段二:

var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
var that = this;
return function(){
return that.name;
};
}
};
alert(object.getNameFunc()());

代碼片段一中返回一個匿名函數(shù)遏考,而匿名函數(shù)返回this.name ,結果是"The Window"慈鸠,即全局變量name的值,為什么沒有取到其包含作用域的this對象呢灌具?原因就在于每個函數(shù)在被調用時都會自動取得兩個特殊變量:this和argument青团。內部函數(shù)在搜索這兩個變量時,只會搜索到其活動對象為止咖楣,而上面的匿名函數(shù)在上一級包含函數(shù)中沒有搜索到活動對象督笆,所以便搜索到了全局變量"The Window"。

代碼片段二中把this對象賦值給了一個名叫that的變量诱贿,而在定義了閉包之后娃肿,閉包也可以訪問這個變量咕缎,因為它是我們在包含函數(shù)中特意聲明的一個變量。

this和argument有同樣的問題料扰,如果想訪問作用域中的argument或this對象凭豪,必須將改對象的引用保存在另一個閉包能夠訪問的變量中(即它的上一級函數(shù))。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末晒杈,一起剝皮案震驚了整個濱河市嫂伞,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌桐智,老刑警劉巖末早,帶你破解...
    沈念sama閱讀 218,451評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異说庭,居然都是意外死亡然磷,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評論 3 394
  • 文/潘曉璐 我一進店門刊驴,熙熙樓的掌柜王于貴愁眉苦臉地迎上來姿搜,“玉大人,你說我怎么就攤上這事捆憎【斯瘢” “怎么了?”我有些...
    開封第一講書人閱讀 164,782評論 0 354
  • 文/不壞的土叔 我叫張陵躲惰,是天一觀的道長致份。 經常有香客問我,道長础拨,這世上最難降的妖魔是什么氮块? 我笑而不...
    開封第一講書人閱讀 58,709評論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮诡宗,結果婚禮上滔蝉,老公的妹妹穿的比我還像新娘。我一直安慰自己塔沃,他們只是感情好蝠引,可當我...
    茶點故事閱讀 67,733評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著蛀柴,像睡著了一般螃概。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上鸽疾,一...
    開封第一講書人閱讀 51,578評論 1 305
  • 那天吊洼,我揣著相機與錄音,去河邊找鬼肮韧。 笑死融蹂,一個胖子當著我的面吹牛旺订,可吹牛的內容都是我干的。 我是一名探鬼主播超燃,決...
    沈念sama閱讀 40,320評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼区拳,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了意乓?” 一聲冷哼從身側響起樱调,我...
    開封第一講書人閱讀 39,241評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎届良,沒想到半個月后笆凌,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 45,686評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡士葫,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,878評論 3 336
  • 正文 我和宋清朗相戀三年乞而,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片慢显。...
    茶點故事閱讀 39,992評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡爪模,死狀恐怖,靈堂內的尸體忽然破棺而出荚藻,到底是詐尸還是另有隱情屋灌,我是刑警寧澤,帶...
    沈念sama閱讀 35,715評論 5 346
  • 正文 年R本政府宣布应狱,位于F島的核電站共郭,受9級特大地震影響,放射性物質發(fā)生泄漏疾呻。R本人自食惡果不足惜除嘹,卻給世界環(huán)境...
    茶點故事閱讀 41,336評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望罐韩。 院中可真熱鬧憾赁,春花似錦污朽、人聲如沸散吵。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽矾睦。三九已至,卻和暖如春炎功,著一層夾襖步出監(jiān)牢的瞬間枚冗,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評論 1 270
  • 我被黑心中介騙來泰國打工蛇损, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留赁温,地道東北人坛怪。 一個月前我還...
    沈念sama閱讀 48,173評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像股囊,于是被迫代替她去往敵國和親袜匿。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,947評論 2 355

推薦閱讀更多精彩內容