JavaScript 變量可以是局部變量或全局變量。私有變量可以用到閉包。

簡(jiǎn)單點(diǎn)說(shuō)閉包就是JS中用來(lái)實(shí)現(xiàn)私有變量這一特性的特殊結(jié)構(gòu)，從外部讀取局部變量。

全局變量:

函數(shù)可以訪問(wèn)?由函數(shù)內(nèi)部定義的變量，如：

function myFunction() {
    var a = 4;
    return a * a;
}

函數(shù)也可以訪問(wèn)函數(shù)外部定義的變量，如：

var a = 4;
function myFunction() {
    return a * a;
}

后面一個(gè)實(shí)例中， a 是一個(gè) 全局 變量。
在web頁(yè)面中全局變量屬于 window 對(duì)象。
全局變量可應(yīng)用于頁(yè)面上的所有腳本。
在第一個(gè)實(shí)例中， a 是一個(gè) 局部 變量。
局部變量只能用于定義它函數(shù)內(nèi)部。對(duì)于其他的函數(shù)或腳本代碼是不可用的。
全局和局部變量即便名稱相同，它們也是兩個(gè)不同的變量。修改其中一個(gè)，不會(huì)影響另一個(gè)的值。

變量生命周期

全局變量的作用域是全局性的，即在整個(gè)JavaScript程序中，全局變量處處都在。
而在函數(shù)內(nèi)部聲明的變量，只在函數(shù)內(nèi)部起作用。這些變量是局部變量，作用域是局部性的；函數(shù)的參數(shù)也是局部性的，只在函數(shù)內(nèi)部起作用。下面我用用一個(gè)經(jīng)典案例——計(jì)數(shù)器困境來(lái)詳細(xì)分析。

計(jì)數(shù)器困境

設(shè)想下如果你想統(tǒng)計(jì)一些數(shù)值，且該計(jì)數(shù)器在所有函數(shù)中都是可用的。
你可以使用全局變量，函數(shù)設(shè)置計(jì)數(shù)器遞增：

var counter = 0;
function add() {
   return counter += 1;
}
add();
add();
add();
// 計(jì)數(shù)器現(xiàn)在為 3

計(jì)數(shù)器數(shù)值在執(zhí)行 add() 函數(shù)時(shí)發(fā)生變化。
但問(wèn)題來(lái)了，頁(yè)面上的任何腳本都能改變計(jì)數(shù)器，即便沒(méi)有調(diào)用 add() 函數(shù)。
如果我在函數(shù)內(nèi)聲明計(jì)數(shù)器，如果沒(méi)有調(diào)用函數(shù)將無(wú)法修改計(jì)數(shù)器的值：

function add() {
    var counter = 0;
    counter += 1;
}
add();
add();
add();
// 本意是想輸出 3, 但事與愿違，輸出的都是 1 !

以上代碼將無(wú)法正確輸出，每次我調(diào)用 add() 函數(shù)，計(jì)數(shù)器都會(huì)設(shè)置為 1。
JavaScript 內(nèi)嵌函數(shù)可以解決該問(wèn)題。

JavaScript 內(nèi)嵌函數(shù)

所有函數(shù)都能訪問(wèn)全局變量。
實(shí)際上，在 JavaScript 中，所有函數(shù)都能訪問(wèn)它們上一層的作用域。
JavaScript 支持嵌套函數(shù)。嵌套函數(shù)可以訪問(wèn)上一層的函數(shù)變量。
該實(shí)例中，內(nèi)嵌函數(shù) plus() 可以訪問(wèn)父函數(shù)的 counter 變量：

function add() {
    var counter = 0;
    function plus() {counter += 1;}
    plus();    
    return counter; 
}

如果我們能在外部訪問(wèn) plus() 函數(shù)，這樣就能解決計(jì)數(shù)器的困境。
我們同樣需要確保 counter = 0 只執(zhí)行一次。（這個(gè)確保只執(zhí)行一次是關(guān)鍵）
我們需要閉包。

JavaScript 閉包

還記得函數(shù)自我調(diào)用嗎？該函數(shù)會(huì)做什么？

var add = (function () {
    var counter = 0;
    return function () {return counter += 1;}
})();
add();
add();
add();
// 計(jì)數(shù)器為 3

變量 add 指定了函數(shù)自我調(diào)用的返回字值。
自我調(diào)用函數(shù)只執(zhí)行一次。設(shè)置計(jì)數(shù)器為 0。并返回函數(shù)表達(dá)式。
add變量可以作為一個(gè)函數(shù)使用。非常棒的部分是它可以訪問(wèn)函數(shù)上一層作用域的計(jì)數(shù)器。
這個(gè)叫作 JavaScript 閉包。它使得函數(shù)擁有私有變量變成可能。
計(jì)數(shù)器受匿名函數(shù)的作用域保護(hù)，只能通過(guò) add 方法修改。
閉包是可訪問(wèn)上一層函數(shù)作用域里變量的函數(shù)，即便上一層函數(shù)已經(jīng)關(guān)閉。

閉包結(jié)構(gòu)總結(jié)

通過(guò)上面的例子我們大概知道了閉包是用來(lái)做什么的，那么最后做一個(gè)概要總結(jié)。
閉包結(jié)構(gòu)的核心在于，在一個(gè)函數(shù)A內(nèi)部再定義一個(gè)內(nèi)嵌函數(shù)B，在函數(shù)B的方法體內(nèi)引用函數(shù)A的變量，然后使用return將函數(shù)B返回給最外層的調(diào)用者，這樣的話最外層的作用域/上下文只能通過(guò)函數(shù)B引用函數(shù)A定義的變量，通過(guò)這樣的機(jī)構(gòu)就使函數(shù)A定義的變量成為了私有變量。

我按我的理解總結(jié)下JavaScript閉包吧：
閉包就是一個(gè)函數(shù)引用另一個(gè)函數(shù)的變量，因?yàn)樽兞勘灰弥圆粫?huì)被回收，因此可以用來(lái)封裝一個(gè)私有變量。這是優(yōu)點(diǎn)也是缺點(diǎn)，不必要的閉包只會(huì)增加內(nèi)存消耗。
或者說(shuō)閉包就是子函數(shù)可以使用父函數(shù)的局部變量，還有父函數(shù)的參數(shù)。

參考資料：
學(xué)習(xí)Javascript閉包
Javascript閉包——懂不懂由你，反正我是懂了
帶你一分鐘理解閉包--js面向?qū)ο缶幊?/a>