摘要：當函數(shù)被調(diào)用的時候，作用域鏈就會包含多個作用域?qū)ο蟆５钱敽瘮?shù)要訪問時，并沒有找到，于是沿著作用域鏈向上查找，在的作用域找到了對應的標示符，就會修改的值。

JavaScript高級程序設計中對閉包的定義：閉包是指有權訪問另外一個函數(shù)作用域中變量的函數(shù)。

從概念上，閉包有兩個特點：

函數(shù)

能訪問另外一個函數(shù)的作用域中的變量

在ES6之前，JavaScript只有函數(shù)作用域的概念，沒有塊級作用域（但catch捕獲的異常，只能在catch中訪問）的概念。每個函數(shù)都是封閉的，外部訪問不到函數(shù)作用域中的變量。

function getName() {
  var name = "LHH";
  console.log(name);     //"LHH"
}
function displayName() {
    console.log(name);  //報錯
}

把代碼改成以下：

function getName() {
  var name = "LHH";
  function displayName() {
    console.log(name);   
  }
  return displayName;
}
var getLHH = getName();  
getLHH()  //"LHH"

函數(shù)是一個閉包，外部就可以訪問函數(shù)中的變量

對于閉包有下面三個特性：

1.閉包可以訪問當前函數(shù)以外的變量

function getOuter(){
  var date = "815";
  function getDate(str){
    console.log(str + date);  //訪問外部的date
  }
  return getDate("今天是："); //"今天是：815"
}
getOuter();

getData是一個閉包，該函數(shù)執(zhí)行時，會形成一個作用域A，A中并沒有定義變量data，但它能從父一級作用域中找到該變量的定義。

2.即使外部函數(shù)已經(jīng)返回，閉包仍能訪問外部函數(shù)定義的變量

function getOuter(){
  var date = "815";
  function getDate(str){
    console.log(str + date);  //訪問外部的date
  }
  return getDate;     //外部函數(shù)返回
}
var today = getOuter();
today("今天是：");   //"今天是：815"
today("明天不是：");   //"明天不是：815"

3.閉包可以更新外部變量的值

function updateCount(){
  var count = 0;
  function getCount(val){
    count = val;
    console.log(count);
  }
  return getCount;     //外部函數(shù)返回
}
var count = updateCount();
count(815); //815
count(816); //816

JavaScript中有一個執(zhí)行環(huán)境（execution context）的概念，它定義了變量或函數(shù)有權訪問的其他數(shù)據(jù)，決定了他們各自的行為。每個執(zhí)行環(huán)境都有一個與之關聯(lián)的變量對象，環(huán)境中定義的所有變量和函數(shù)都保存在這個對象中。可以修改它的屬性，但不能引用它。

變量對象也是有父作用域的。當訪問一個變量時，解釋器會首先在當前作用域查找標識符，如果沒有找到，就去父作用域找，直到找到該變量的標識符或者不再存在父作用域鏈了，這就是作用域鏈。

作用域鏈和原型繼承有點類似：如果去查找一個普通對象的屬性時，在當前對象和其原型中都找不到時，會返回undefined，但查找的屬性在作用域中不存在的話就會拋出ReferenceError。

作用域頂端是全局對象。對于全局環(huán)境中的代碼，作用域中只包含一個元素：全局對象。所以，在全局環(huán)境中定義變量的時候，它們會被定義到全局對象中。當函數(shù)被調(diào)用的時候，作用域鏈就會包含多個作用域?qū)ο蟆?/p>

1.全局環(huán)境

看一個例子：

// my_script.js
"use strict";
var foo = 1;
var bar = 2;

在全局環(huán)境中，創(chuàng)建了兩個簡單地變量。此時變量對象是全局對象：

執(zhí)行上述代碼，my_script.js本身會形成一個執(zhí)行環(huán)境，以及它所引用的變量對象。

2.無嵌套函數(shù)(Non-nested functions)

"use strict";
var foo = 1;
var bar = 2;
function myFunc() {
  //-- define local-to-function variables
  var a = 1;
  var b = 2;
  var foo = 3;
  console.log("inside myFunc");
}
console.log("outside");
//-- and then, call it:
myFunc();

當myFunc被定義的時候，myFunc的標識符（identifier）就被加到了當前的作用域?qū)ο笾校ㄔ谶@里就是全局對象），并且這個標識符所引用的是一個函數(shù)對象（function object）。函數(shù)對象中所包含的是函數(shù)的源代碼以及其他的屬性。內(nèi)部屬性[[scope]]指向的就是當前的作用域?qū)ο蟆Ｒ簿褪侵傅木褪呛瘮?shù)的標識符被創(chuàng)建的時候，我們所能夠直接訪問的那個作用域?qū)ο螅ㄔ谶@里就是全局對象）。

myFune所引用的函數(shù)對象，其本身不僅僅含有函數(shù)的代碼，并且還含有指向其創(chuàng)建的時候的作用域?qū)ο蟆?/p>

當myFunc函數(shù)被調(diào)用的時候，一個新的作用域?qū)ο蟮谋粍?chuàng)建了。新的作用域?qū)ο笾邪?b>myFunc函數(shù)所定義的的本地變量，以及其參數(shù)（arguments）。這個新的作用域?qū)ο蟮母缸饔糜驅(qū)ο缶褪窃谶\行myFunc時我們所能直接訪問的那個作用域?qū)ο螅慈謱ο螅?/p>

所以，當myFunc被執(zhí)行的時候，對象之間的關系如下圖：

3.有嵌套的函數(shù)（Nested functions）

當函數(shù)返回沒有被引用的時候，就會被垃圾回收器回收。但是對于閉包（函數(shù)嵌套是形成閉包的一種形式），即使外部函數(shù)返回了，函數(shù)對象仍會引用它被創(chuàng)建時的作用域?qū)ο蟆?/p>

"use strict";
function createCounter(initial) {
  var counter = initial;
  function increment(value) {
    counter += value;
  }
  function get() {
    return counter;
  }
  return {
    increment: increment,
    get: get
  };
}
var myCounter = createCounter(100);
console.log(myCounter.get());   // 返回 100
myCounter.increment(5);
console.log(myCounter.get());   // 返回 105

當調(diào)用createCounter(100)時，對象之間的關系如下圖所示：

內(nèi)嵌函數(shù)increment和get都有指向createCounter(100) scope的應用。如果createCounter(100)沒有任何返回值，那么createCounter(100) scope不再被引用，于是就可以被垃圾回收。但是因為createCounter(100)實際上是有返回值的，并且返回值被存儲在了myCounter中，所以對象之間的引用關系變成了如下圖所示：

即使createCounter(100)已經(jīng)返回，但是其作用域仍在，并能且只能被內(nèi)聯(lián)函數(shù)訪問。可以通過調(diào)用myCounter.increment() 或 myCounter.get()來直接訪問createCounter(100)的作用域。

當myCounter.increment() 或 myCounter.get()被調(diào)用時，新的作用域?qū)ο髸粍?chuàng)建，并且該作用域?qū)ο蟮母缸饔糜驅(qū)ο髸钱斍翱梢灾苯釉L問的作用域?qū)ο蟆４藭r，引用關系如下：

當執(zhí)行到return counter;時，在get()所在的作用域并沒有找到對應的標示符，就會沿著作用域鏈往上找，直到找到變量counter，然后返回該變量。

當多帶帶調(diào)用increment(5)時，參數(shù)value會存貯在當前的作用域?qū)ο蟆：瘮?shù)要訪問value，能馬上在當前作用域找到該變量。但是當函數(shù)要訪問counter時，并沒有找到，于是沿著作用域鏈向上查找，在createCounter(100)的作用域找到了對應的標示符，increment()就會修改counter的值。除此之外，沒有其他方式來修改這個變量。閉包的強大也在于此，能夠存貯私有數(shù)據(jù)。

相同的函數(shù)，不同的作用域

//myScript.js
"use strict";
function createCounter(initial) {
  /* ... see the code from previous example ... */
}
//-- create counter objects
var myCounter1 = createCounter(100);
var myCounter2 = createCounter(200);

myCounter1 和 myCounter2創(chuàng)建之后，關系圖如下：

在上面的例子中，myCounter1.increment和myCounter2.increment的函數(shù)對象擁有著一樣的代碼以及一樣的屬性值（name，length等等），但是它們的[[scope]]指向的是不一樣的作用域?qū)ο蟆?/p>

這才有了下面的結(jié)果：

var a, b;
a = myCounter1.get();   // a 等于 100
b = myCounter2.get();   // b 等于 200
myCounter1.increment(1);
myCounter1.increment(2);
myCounter2.increment(5);
a = myCounter1.get();   // a 等于 103
b = myCounter2.get();   // b 等于 205