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

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

一、什么是變量

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

1、全局變量

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

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

2、局部變量

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

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

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

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

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

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

小結(jié)：

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

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

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

function zhugeliang(){ //諸葛亮 var str3 = "蜀國"; function adou(){ console.log(str3); //阿斗 } } var simayi = zhugeliang(); simayi(); //控制臺報錯 司馬懿攻不下蜀國

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

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

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

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

三、閉包的簡單概念

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

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

四、閉包的用途

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

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實際上就是閉包f2函數(shù)。它一共運行了兩次，第一次的值是999，第二次的值是1000。這證明了，函數(shù)f1中的局部變量n一直保存在內(nèi)存中，并沒有在f1調(diào)用后被自動清除。
為什么會這樣呢？原因就在于f1是f2的父函數(shù)，而f2被賦給了一個全局變量，這導(dǎo)致f2始終在內(nèi)存中，而f2的存在依賴于f1，因此f1也始終在內(nèi)存中，不會在調(diào)用結(jié)束后，被垃圾回收機制（garbage collection）回收。
這段代碼中另一個值得注意的地方，就是"nAdd=function(){n+=1}"這一行，首先在nAdd前面沒有使用var關(guān)鍵字，因此nAdd是一個全局變量，而不是局部變量。其次，nAdd的值是一個匿名函數(shù)（anonymous function），而這個匿名函數(shù)本身也是一個閉包，所以nAdd相當于是一個setter，可以在函數(shù)外部對函數(shù)內(nèi)部的局部變量進行操作。

五、使用閉包的注意點

1、由于閉包會使得函數(shù)中的變量都被保存在內(nèi)存中，內(nèi)存消耗很大，所以不能濫用閉包，否則會造成網(wǎng)頁的性能問題，在IE中可能導(dǎo)致內(nèi)存泄露。解決方法是，在退出函數(shù)之前，將不使用的局部變量全部刪除。
2、閉包會在父函數(shù)外部，改變父函數(shù)內(nèi)部變量的值。所以，如果你把父函數(shù)當作對象（object）使用，把閉包當作它的公用方法（Public Method），把內(nèi)部變量當作它的私有屬性（private value），這時一定要小心，不要隨便改變父函數(shù)內(nèi)部變量的值。

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

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

總結(jié)

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

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