javascript閉包不徹底探索記錄01：閉包？啥餡的？

舒適提示：做者的爬坑記錄，對你等大神徹底沒有價值，別在我這浪費生命

閉包，好吃嗎 ？

第一次聽到這個詞，很不幸是在一次面試中，可想而知結果很細碎，今後「閉包」和「跨域」在我匱乏的前端知識中成爲了兩座沒法翻閱的大山，即使一度轉設計，仍是活在他們的陰影之下。

不過怎麼說呢。緣，妙趣橫生，感謝某司讓我猝不及防的從新走上了前端之路，既然又走回來了，一個前端工程師的（僞）的自尊告訴我這回必需要剛正面了

一聽這個詞，我就一臉懵逼，這是個名詞，仍是個動詞？這是個包？仍是個什麼操做？我以爲對這個詞自己的認識，在瞭解一個事物上很是重要，並且經驗告訴我對於這種看上去就知道是被專（hu）業（bi）翻譯過來的外來詞彙，千萬不要嘗試經過中文字面意義去理解他，必定要去看看它在英文中的意思

closure 英[ˈkləʊʒə(r)] 美[ˈkloʊʒə(r)]
n.結束; （永久的） 停業，關閉; [電] 閉合; [數] 閉包;
vt. 使結束，使終止; 使中止辯論;

這下明白了，這貨是個名詞，這下對他能有一個客觀的認識了，「閉包」這個詞，他就是一個東西，一個結束了，關閉了，閉合了的東西

下面在看看*度百科上面定義

閉包包含自由（未綁定到特定對象）變量；這些變量不是在這個代碼塊內或者任何全局上下文中定義的，而是在定義代碼塊的環境中定義（局部變量）。「閉包」 一詞來源於如下二者的結合：要執行的代碼塊（因爲自由變量被包含在代碼塊中，這些自由變量以及它們引用的對象沒有被釋放）和爲自由變量提供綁定的計算環境（做用域）。在PHP、Scala、Scheme、Common Lisp、Smalltalk、Groovy、JavaScript、Ruby、 Python、Go、Lua、objective c、swift 以及Java（Java8及以上）等語言中都能找到對閉包不一樣程度的支持。

怎麼說呢，我堅信這不是人話，通過翻譯，說了兩件事：

1. 閉包中有一堆不被釋放的變量（這就明白什麼爲何叫closure了）
2. 不少語言都有（本文只看javascript）

閉包，什麼樣？

通過上面對閉包概念的初步理解，知道了這是一個包含一堆沒有被釋放的變量的東西，那這貨在javascript中究竟是以什麼樣的形式存在的呢？

知乎上的相關回答五花八門，從各個角度都有非常精彩可是容易懵逼
如何才能通俗易懂的解釋javascript裏面的‘閉包’？ - 知乎
因此不妨先去看看大神相對「正統」博文
學習Javascript閉包（Closure）- 阮一峯
JavaScript之做用域與閉包詳解 - 默語

總之，你們都提到了要從javascript變量的做用域的一個特色開始提及

變量的做用域無非就是兩種：全局變量和局部變量。
Javascript語言的特殊之處，就在於函數內部能夠直接讀取全局變量。

每次定義一個函數，都會產生一個做用域鏈（scope chain）。當JavaScript尋找變量varible時（這個過程稱爲變量解析），總會優先在當前做用域鏈的第一個對象中查找屬性varible ，若是找到，則直接使用這個屬性；不然，繼續查找下一個對象的是否存在這個屬性；這個過程會持續直至找到這個屬性或者最終未找到引起錯誤爲止。

能夠理解爲，javascript有一個特色，就是在函數中，有「做用域鏈」這麼個東西，大概意思是，你做爲函數中的一個變量，在找本身的值的時候，是從裏往外找的，你要先看本身所在函數中有沒有給你賦值，沒有就往外走，看看你外面一層有沒有，直到找到或者找不到報錯爲止。
由於有這個原理的存在，也就能解釋爲何函數內部能夠讀取外部的變量了

下面咱們來作個實驗：

var a = "a";
var b = "b";
function test(){
    var c = "c";
    var b = "d"
    function testInner(){
        console.log(a);//a
        console.log(b);//d
        console.log(c);//c
    }
    testInner();
}
test();
console.log(b);//b,
console.log(d);//ReferenceError: d is not defined

結果可知：

1. 函數內部能夠讀取外部函數變量，以及全局變量,而且是由內向外讀取的
2. 函數外部沒法讀取內部的變量（廢話）

那若是咱們要是想在外面get到函數內部變量的值呢？這個變量誰知道呢，答案是顯而易見的

他的內部函數是能夠讀取他外部函數變量的，而這個內部函數就是一個閉包
//下文有更新

講個故事來講，老王對本身的兒子小王（內部函數）是無話不說的，可是對本身的老婆（老王的上一層）卻習慣性裝傻，因而王太太就只能經過小王知道老王的私房錢在哪了，而這個帶着私房錢信息的小王就是閉包。

這就又有一個問題了，王太太是怎麼找到小王的呢／外部如何才能獲得內部函數的呢，這簡單，老王喝多了本身讓王太太帶小王去玩的／函數將內部函數做爲返回值

看下面這個例子：

function getMoneyInfo(){
    var moneyInfo = "馬桶水箱裏";
    function askXiaoWang(){
        return moneyInfo
    }
    return askXiaoWang()
}
console.log(getMoneyInfo())//馬桶水箱裏
console.log(moneyInfo)//ReferenceError: moneyInfo is not defined

看到這裏，感受對閉包是個啥，以及是怎麼來的有了個大概的認識，可是他具體是幹啥的，有什麼非用不可的好處，以及除了面試到底有什麼應用場景，將在從此繼續學習！

看到這裏的都是真愛

---

20171126：更正與補充
通過對各大神的博文再次閱讀，發現上文有些事情仍是沒說清楚：

既然closure有閉合和結束的意思，那究竟是什麼被關閉和結束了呢，也就是說是什麼保持了一個不變的狀態呢
是這個函數以及其所引用的變量

閉包的產生，之因此是closure，是由於因爲在更外層調用了內部的函數，因此與這個函數所相關的一切都不能在外層工做完成前被釋放，這也就是所謂的閉合和結束了，也就是會一直保持一種不變的狀態。

說句人話，按照老王以前的習慣，私房錢(似有變量)用完了，下次再有私房錢(函數再次被調用)就換個地方(內存中)，老婆根本不可能找獲得，可是如今有了小王(內部函數)在，他一直被他媽安排盯着廁所水箱，老王就是想花錢都無法花了，對他來講，這點錢算是結束（closure）了,而在這看着錢的小王，就是一個所謂的閉包了