什么是閉包瘦馍?

閉包(closure)是javascript的一大難點(diǎn)歼秽,也是它的特色。很多高級(jí)應(yīng)用都要依靠閉包來實(shí)現(xiàn)情组。

1燥筷、變量作用域

要理解閉包,首先要理解javascript的特殊的變量作用域院崇。

變量的作用域無非就兩種:全局變量和局部變量肆氓。

javascript語言的特別之處就在于:函數(shù)內(nèi)部可以直接讀取全局變量,但是在函數(shù)外部無法讀取函數(shù)內(nèi)部的局部變量底瓣。

注意點(diǎn):在函數(shù)內(nèi)部聲明變量的時(shí)候谢揪,一定要使用var命令。如果不用的話捐凭,你實(shí)際上聲明的是一個(gè)全局變量拨扶!

2、如何從外部讀取函數(shù)內(nèi)部的局部變量茁肠?

出于種種原因患民,我們有時(shí)候需要獲取到函數(shù)內(nèi)部的局部變量。但是官套,上面已經(jīng)說過了酒奶,正常情況下蚁孔,這是辦不到的!只有通過變通的方法才能實(shí)現(xiàn)惋嚎。

那就是在函數(shù)內(nèi)部杠氢,再定義一個(gè)函數(shù)。

function f1(){

var n=999;

function f2(){

alert(n); // 999

}

}

在上面的代碼中另伍,函數(shù)f2就被包括在函數(shù)f1內(nèi)部鼻百,這時(shí)f1內(nèi)部的所有局部變量,對(duì)f2都是可見的摆尝。但是反過來就不行温艇,f2內(nèi)部的局部變量,對(duì)f1就是不可見的堕汞。

這就是Javascript語言特有的"鏈?zhǔn)阶饔糜?結(jié)構(gòu)(chain scope)勺爱,

子對(duì)象會(huì)一級(jí)一級(jí)地向上尋找所有父對(duì)象的變量。所以讯检,父對(duì)象的所有變量琐鲁,對(duì)子對(duì)象都是可見的,反之則不成立人灼。

既然f2可以讀取f1中的局部變量围段,那么只要把f2作為返回值,我們不就可以在f1外部讀取它的內(nèi)部變量了嗎投放!

//函數(shù)a

function a()

{

var i=0;

//函數(shù)b

function b()

{

alert(++i);

}

return b;

}

//函數(shù)c

var c = a();

c();

代碼特點(diǎn):

1奈泪、函數(shù)b嵌套在函數(shù)a內(nèi)部;

2灸芳、函數(shù)a返回函數(shù)b涝桅。

代碼中函數(shù)a的內(nèi)部函數(shù)b,被函數(shù)a外面的一個(gè)變量c引用的時(shí)候耗绿,這就叫創(chuàng)建了一個(gè)閉包苹支。有時(shí)候函數(shù)b也可以用一個(gè)匿名函數(shù)代替來返回砾隅,即return function(){};

3误阻、閉包的概念

上面代碼中的f2函數(shù),就是閉包晴埂。

各種專業(yè)文獻(xiàn)的閉包定義都非常抽象究反,我的理解是:閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。

由于在javascript中儒洛,只有函數(shù)內(nèi)部的子函數(shù)才能讀取局部變量精耐,所以說,閉包可以簡(jiǎn)單理解成“定義在一個(gè)函數(shù)內(nèi)部的函數(shù)“琅锻。

所以卦停,在本質(zhì)上向胡,閉包是將函數(shù)內(nèi)部和函數(shù)外部連接起來的橋梁。

4惊完、閉包的用途

閉包可以用在許多地方僵芹。它的最大用處有兩個(gè),一個(gè)是前面提到的可以讀取函數(shù)內(nèi)部的變量小槐,另一個(gè)就是讓這些變量的值始終保持在內(nèi)存中拇派,不會(huì)在f1調(diào)用后被自動(dòng)清除。

為什么會(huì)這樣呢凿跳?原因就在于f1是f2的父函數(shù)件豌,而f2被賦給了一個(gè)全局變量,這導(dǎo)致f2始終在內(nèi)存中控嗜,而f2的存在依賴于f1茧彤,因此f1也始終在內(nèi)存中,不會(huì)在調(diào)用結(jié)束后疆栏,被垃圾回收機(jī)制(garbage collection)回收棘街。

5、使用閉包的注意點(diǎn)

(1)由于閉包會(huì)使得函數(shù)中的變量都被保存在內(nèi)存中承边,內(nèi)存消耗很大遭殉,所以不能濫用閉包,否則會(huì)造成網(wǎng)頁的性能問題博助,在IE中可能導(dǎo)致內(nèi)存泄露险污。解決方法是,在退出函數(shù)之前富岳,將不使用的局部變量全部刪除蛔糯。

(2)閉包會(huì)在父函數(shù)外部,改變父函數(shù)內(nèi)部變量的值窖式。所以蚁飒,如果你把父函數(shù)當(dāng)作對(duì)象(object)使用,把閉包當(dāng)作它的公用方法(Public Method)萝喘,把內(nèi)部變量當(dāng)作它的私有屬性(private value)淮逻,這時(shí)一定要小心,不要隨便改變父函數(shù)內(nèi)部變量的值阁簸。

6.閉包的優(yōu)缺點(diǎn)

優(yōu)點(diǎn):

1.保護(hù)函數(shù)內(nèi)的變量安全,加強(qiáng)了封裝性

2.在內(nèi)存中維持一個(gè)變量(用的太多就變成了缺點(diǎn)爬早,占內(nèi)存)

閉包之所以會(huì)占用資源是當(dāng)函數(shù)a執(zhí)行結(jié)束后, 變量i不會(huì)因?yàn)楹瘮?shù)a的結(jié)束而銷毀, 因?yàn)閎的執(zhí)行需要依賴a中的變量。

不適合場(chǎng)景:

返回閉包的函數(shù)是個(gè)非常大的函數(shù)启妹。

閉包的典型框架應(yīng)該就是jQuery了筛严。

閉包是JavaScript語言的一大特點(diǎn),主要應(yīng)用閉包場(chǎng)合主要是為了:設(shè)計(jì)私有的方法和變量饶米。

這在做框架的時(shí)候體現(xiàn)更明顯桨啃,有些方法和屬性只是運(yùn)算邏輯過程中的使用的车胡,不想讓外部修改這些屬性,因此就可以設(shè)計(jì)一個(gè)閉包來只提供方法獲取照瘾。

閉包的缺點(diǎn)就是常駐內(nèi)存吨拍,會(huì)增大內(nèi)存使用量,使用不當(dāng)很容易造成內(nèi)存泄露网杆。

邏輯連續(xù)羹饰,當(dāng)閉包作為另一個(gè)函數(shù)調(diào)用的參數(shù)時(shí),避免你脫離當(dāng)前邏輯而單獨(dú)編寫額外邏輯碳却。

方便調(diào)用上下文的局部變量队秩。

加強(qiáng)封裝性,第2點(diǎn)的延伸昼浦,可以達(dá)到對(duì)變量的保護(hù)作用馍资。

缺點(diǎn):

閉包有一個(gè)非常嚴(yán)重的問題,那就是內(nèi)存浪費(fèi)問題关噪,這個(gè)內(nèi)存浪費(fèi)不僅僅因?yàn)樗qv內(nèi)存鸟蟹,更重要的是,對(duì)閉包的使用不當(dāng)會(huì)造成無效內(nèi)存的產(chǎn)生

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末使兔,一起剝皮案震驚了整個(gè)濱河市建钥,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌虐沥,老刑警劉巖熊经,帶你破解...
    沈念sama閱讀 206,311評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異欲险,居然都是意外死亡镐依,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門天试,熙熙樓的掌柜王于貴愁眉苦臉地迎上來槐壳,“玉大人,你說我怎么就攤上這事喜每∥裉疲” “怎么了?”我有些...
    開封第一講書人閱讀 152,671評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵灼卢,是天一觀的道長(zhǎng)绍哎。 經(jīng)常有香客問我来农,道長(zhǎng)鞋真,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,252評(píng)論 1 279
  • 正文 為了忘掉前任沃于,我火速辦了婚禮涩咖,結(jié)果婚禮上海诲,老公的妹妹穿的比我還像新娘。我一直安慰自己檩互,他們只是感情好特幔,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,253評(píng)論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著闸昨,像睡著了一般蚯斯。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上饵较,一...
    開封第一講書人閱讀 49,031評(píng)論 1 285
  • 那天拍嵌,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛瞻坝,可吹牛的內(nèi)容都是我干的笛求。 我是一名探鬼主播,決...
    沈念sama閱讀 38,340評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼绝葡,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起脆侮,我...
    開封第一講書人閱讀 36,973評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎勇劣,沒想到半個(gè)月后他嚷,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,466評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡芭毙,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,937評(píng)論 2 323
  • 正文 我和宋清朗相戀三年筋蓖,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片退敦。...
    茶點(diǎn)故事閱讀 38,039評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡粘咖,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出侈百,到底是詐尸還是另有隱情瓮下,我是刑警寧澤,帶...
    沈念sama閱讀 33,701評(píng)論 4 323
  • 正文 年R本政府宣布钝域,位于F島的核電站讽坏,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏例证。R本人自食惡果不足惜路呜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,254評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧胀葱,春花似錦漠秋、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至轧葛,卻和暖如春搂抒,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背尿扯。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評(píng)論 1 262
  • 我被黑心中介騙來泰國(guó)打工燕耿, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人姜胖。 一個(gè)月前我還...
    沈念sama閱讀 45,497評(píng)論 2 354
  • 正文 我出身青樓誉帅,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親右莱。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蚜锨,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,786評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容