閉包就是指一個(gè)有權(quán)訪問(wèn)另外一個(gè)函數(shù)作用域中的變量的函數(shù)。
--《JavaScript高級(jí)程序第三版》

本人對(duì)于閉包初次的認(rèn)識(shí)就來(lái)自《高三》，首先僅僅通過(guò)“有權(quán)”’兩個(gè)字我們便可以進(jìn)一步推斷出。在正常情況下，一個(gè)函數(shù)是“無(wú)權(quán)”訪問(wèn)另外一個(gè)函數(shù)的作用域中的變量。

一、什么是變量

因此在淺談閉包的時(shí)候，回顧一下Javascript特殊的變量作用域。
變量的作用域無(wú)非就是兩種：全局變量和局部變量。下面通過(guò)幾個(gè)簡(jiǎn)單的例子，讓我們展示一下全局變量和局部變量的區(qū)別。

1、全局變量

var str = "hello chedabang"; console.log(str); function test(){ console.log(str); } test();

控制的臺(tái)的結(jié)果：
hello chedabang
hello chedabang
說(shuō)明這個(gè)變量str 可以在函數(shù)外面直接被訪問(wèn)到，也能夠被函數(shù)訪問(wèn)到這個(gè)變量。既然誰(shuí)都有權(quán)訪問(wèn)到這個(gè)變量，那么就說(shuō)明在函數(shù)體外面聲明的變量就是全局變量。

2、局部變量

function test1(){var str1 = "hello chedabang"; console.log(str); } test1();

控制臺(tái)輸出結(jié)果：
hello chedabang
再來(lái)一組代碼

function test1(){var str1 = "hello chedabang"; } console.log(str1);

控制臺(tái)輸出結(jié)果：
Uncaught ReferenceError: str1 is not defined
再來(lái)一組代碼
說(shuō)明這個(gè)變量str1只能夠被自己所在的函數(shù)訪問(wèn)使用，而在函數(shù)外面調(diào)用時(shí)由于無(wú)權(quán)限訪問(wèn)函數(shù)test1()的變量，因此控制臺(tái)報(bào)錯(cuò)“變量未定義”。所以我們可以推斷出在函數(shù)內(nèi)部聲明的變量，就屬于局部變量。
有一點(diǎn)需要注意，函數(shù)內(nèi)部如果不用var 來(lái)聲明變量，那么這個(gè)變量就不是局部變量，而是一個(gè)全局變量.

function test2(){var str2 = "hello world"; console.log(str2); } console.log(str2);

控制臺(tái)輸出結(jié)果：
hello chedabang
hellow chedabang

小結(jié)：

1、函數(shù)內(nèi)部可以直接讀取全局變量
2、函數(shù)外部不可以直接讀取函數(shù)內(nèi)部的局部變量

二、如何從外部訪問(wèn)函數(shù)內(nèi)部的局部變量

出于種種原因，我們有時(shí)候需要得到函數(shù)內(nèi)的局部變量。但是，前面已經(jīng)說(shuō)過(guò)了，正常情況下，這是無(wú)權(quán)訪問(wèn)的。

function zhugeliang(){ //諸葛亮 var str3 = "蜀國(guó)"; function adou(){ console.log(str3); //阿斗 } } var simayi = zhugeliang(); simayi(); //控制臺(tái)報(bào)錯(cuò) 司馬懿攻不下蜀國(guó)

通過(guò)此代碼可以看到,由于函數(shù)諸葛亮是在自己函數(shù)里面創(chuàng)建的局部變量"蜀國(guó)";因此司馬懿想獲取到 var str3 =?"蜀國(guó)";那就肯定會(huì)報(bào)錯(cuò)，無(wú)功而返。
讀過(guò)三國(guó)的人應(yīng)該都知道，諸葛亮雖然被人稱為臥龍。但是面對(duì)阿斗這樣始終扶不起庸才，也只能回天乏術(shù)，蜀國(guó)最終還是沒(méi)能夠一統(tǒng)三國(guó)，反倒是阿斗落下一個(gè)樂(lè)不思蜀的笑柄。

simayi（司馬懿）獲取內(nèi)部變量“蜀國(guó)”的代碼：

function zhugeliang(){ //諸葛亮 var str3 = "蜀國(guó)"; function adou(){ console.log(str3); // 阿斗 } return adou; } var simayi = zhugeliang(); simayi(); //控制臺(tái)輸出 “蜀國(guó)” 司馬懿拿到蜀國(guó)

思路分析：
函數(shù)“阿斗”被包裹在函數(shù)“諸葛亮”內(nèi)部，這時(shí)“諸葛亮”內(nèi)部的所有局部變量，對(duì)“阿斗”都是可見(jiàn)的。但是反過(guò)來(lái)就不行，“阿斗”內(nèi)部的局部變量，對(duì)“諸葛亮”是不可見(jiàn)的。這就是Javascript語(yǔ)言特有的"鏈?zhǔn)阶饔糜?#34;結(jié)構(gòu)（chain scope），子對(duì)象會(huì)一級(jí)一級(jí)地向上尋找所有父對(duì)象的變量。所以，父對(duì)象的所有變量，對(duì)子對(duì)象都是可見(jiàn)的，反之則不成立。
因此既然“阿斗”可以讀取“諸葛亮”中的局部變量，那么只要把“阿斗作為返回值，就可以在”諸葛亮“外部讀取它的內(nèi)部變量“蜀國(guó)”。

三、閉包的簡(jiǎn)單概念

上一節(jié)代碼中的阿斗函數(shù)，就是閉包。
以前上網(wǎng)查各種專業(yè)文獻(xiàn)上的"閉包"（closure）定義非常抽象，很難看懂。
因此我個(gè)人的理解是，閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。
由于在Javascript語(yǔ)言中，只有函數(shù)內(nèi)部的子函數(shù)才能讀取局部變量，因此可以把閉包簡(jiǎn)單理解成"定義在一個(gè)函數(shù)內(nèi)部的函數(shù)"。
所以在本質(zhì)上，閉包就是將函數(shù)內(nèi)部和函數(shù)外部連接在一起，而修建的秘道。

千里之堤潰于蟻穴，函數(shù)堡壘塌于閉包。

四、閉包的用途

閉包可以用在許多地方。它的最大用處有兩個(gè)，一個(gè)是前面提到的可以讀取函數(shù)內(nèi)部的變量，另一個(gè)就是讓這些變量的值始終保持在內(nèi)存中。
怎么來(lái)理解這句話呢？請(qǐng)看下面的代碼。

function f1(){ var n = 999; nAdd = function(){n += 1} function f2(){ console.log(n); } return f2; } var result=f1(); result(); // 999 nAdd(); result(); // 1000

在這段代碼中，result實(shí)際上就是閉包f2函數(shù)。它一共運(yùn)行了兩次，第一次的值是999，第二次的值是1000。這證明了，函數(shù)f1中的局部變量n一直保存在內(nèi)存中，并沒(méi)有在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）回收。
這段代碼中另一個(gè)值得注意的地方，就是"nAdd=function(){n+=1}"這一行，首先在nAdd前面沒(méi)有使用var關(guān)鍵字，因此nAdd是一個(gè)全局變量，而不是局部變量。其次，nAdd的值是一個(gè)匿名函數(shù)（anonymous function），而這個(gè)匿名函數(shù)本身也是一個(gè)閉包，所以nAdd相當(dāng)于是一個(gè)setter，可以在函數(shù)外部對(duì)函數(shù)內(nèi)部的局部變量進(jìn)行操作。

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

1、由于閉包會(huì)使得函數(shù)中的變量都被保存在內(nèi)存中，內(nèi)存消耗很大，所以不能濫用閉包，否則會(huì)造成網(wǎng)頁(yè)的性能問(wèn)題，在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)部變量的值。

以上就是本人對(duì)于函數(shù)閉包的認(rèn)識(shí)，不足的望還請(qǐng)賜教。
PS：另外文中借鑒三國(guó)案例，只是為了方便解釋案例調(diào)侃而舉，如有冒犯三國(guó)迷的看法，還請(qǐng)見(jiàn)諒。

轉(zhuǎn)載于:https://www.cnblogs.com/libin-1/p/5836099.html

總結(jié)

以上是生活随笔為你收集整理的老生常谈JavaScript闭包的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。