# 定義

? 閉包 是指有權訪問另一個函數作用域中的變量的函數。注意別混淆匿名函數和閉包的概念。
? 創建閉包 需要達到兩個條件，如果不滿足第二條，也只能稱作是匿名函數
（1）在一個函數內部創建另一個函數
（2）內部函數訪問外部函數的變量

function createCompareFn(attr) {
  return function(obj1, obj2) {
    return obj1[attr] >= obj2[attr]
  }
}

? 上例中，內部函數(一個匿名函數) 訪問了包含函數(即外部函數)的變量attr，即使這個內部函數被返回且在其他地方被調用了，它仍然可以訪問變量attr。之所以能夠訪問，是因為內部函數的作用域鏈中含有包含函數的作用域。

# 作用域鏈

? 當某個函數被調用時，會創建一個執行環境（execution context）及相應的作用域鏈。然后，使用arguments和其他命名參數的值來初始化函數的活動對象（activation object）。但在作用域鏈中，外部函數的活動對象始終處于第二位，包含函數的活動對象處于第二位，包含函數的包含函數的活動對象處于第三位……，直到找到全局環境為止。這些活動對象使用鏈表來連接，形成作用域鏈。
? 在函數執行過程中，為了讀取和寫入變量的值，需要在作用域鏈中查找變量?？匆粋€簡單的函數聲明及調用來解釋：

function compare(val1, val2) {
  return val1 >= val2
}
var result = compare(5, 10)

? 上述代碼定義了compare函數，然后又在全局作用域中調用。當調用compare()時，會創建一個包含argument, val1, val2的活動對象。而全局環境的變量對象處在作用域鏈的第二位

A

# 閉包的作用域鏈

? 由于閉包存在函數內部定義函數，內部定義的函數將包含函數的活動對象到它的作用域鏈中。假設有閉包如下：

function createCompareFn(attr) {
  return function(obj1, obj2) {
    return obj1[attr] >= obj2[attr]
  }
}
var compare = createCompareGn('name')
var result = compare({ name: 'Nic' }, { name: 'Goe' })

? 則它的作用域鏈關系為

B

由于閉包會攜帶它包含函數的作用域鏈，因此會比其他函數占用更多內存，過度使用閉包容易導致占用內存過多，需謹慎。

?

# 閉包與變量

? 由于作用域鏈本身只是一個指向變量對象的指針列表，它只引用并不真正存儲它們。而這種配置機制引出了一個副作用，即閉包只能取到包含函數中任何變量的最終值。
? 因為閉包作用域鏈與包含函數的活動對象之間只是引用關系，當包含函數中由于某些運算導致它活動對象中的屬性發生更新時，該更新會被帶到閉包作用域中，當閉包再訪問變量時，取到的就是被更新后的變量的值。經典例子如下：

function createFunctions() {
  var result = new Array()
  for (var i = 0; i < 10; i++) {
    result[i] = function() {
      return i
    }
  }
  return result // 10 個 10
}

? 該例中，在閉包中返回包含函數的變量i并壓入給結果數組。表象上看應該得到1~10的數組。打印發現是10個10。原因是：每個函數的作用域鏈中，都保存著createFunctions()函數的活動對象，引用的都是同一個變量i；當createFunctions()函數返回后，變量i的值是10，此時每個函數都引用者保存變量i的同一個變量對象。所以在每個函數內部i的值都是10。作用域引用關系如下：

C

? 我們可以通過創建另一個匿名函數強制讓閉包的行為符合預期

function createFunction() {
  var result = new Array()
  for (var i = 0; i < 10; i++) {
    result[i] = function(num) {
      return function() {
        return num
      }
    }(i)
  }
return result // 1~10
}

? 經過如上改造，我們沒有閉包直接賦值給數組，取而代之的是定義了一個匿名函數，并將立即執行該函數的結果賦給數組。匿名函數有個參數num，存在于匿名函數的作用域鏈中。程序執行for循環調用每個匿名函數時，由于函數參數是按值傳遞的，在其內部我們創建了一個直接訪問num的閉包。這樣一來，result數組中存儲的值就是每次執行的num的一個副本了。

# 閉包的this變量

? 我們知道，this對象是在運行時基于函數的執行環境綁定的。在全局函數中，this等于window。而當函數被某個對象的方法調用時，this等于那個對象。
? 由于匿名函數的執行環境具有全局性，因此其this對象通常指向window(除使用call()或apply()來改變函數執行環境外)?？匆韵吕樱?/p>

var name = 'the window'
var object = {
  name: 'my object',
  getNameFn: function() {
    return function() {
      return this.name
    }
  }
}
console.log(object.getNameFn()())  // the window

? 本例中，getNameFn是對象中的一個方法屬性。object.getNameFn()返回一個函數，object.getNameFn()()立即執行該函數得到一個字符串。
? 我們知道，每個函數在被調用時都會自動取得兩個特殊變量：this和arguments。內部函數在搜索這兩個變量時，只會搜索到它自己的活動對象為止（它們自身能獲取到不必去包含函數活動對象中獲?。?/strong>。在本段代碼執行時，程序發現需要返回邏輯想要返回的this.name，于是搜索匿名函數自身的作用域，取到自己的this對象，該對象因匿名函數執行環境全局性的特征指向了window，從而輸出了"the window"。

var name = 'the window'
var object = {
  name: 'my object',
  getNameFn: function() {
    var that = this
    return function() {
      return that.name
    }
  }
}
console.log(object.getNameFn()()) // myobject

function assignHandler() {
  var element = document.getElementById('someElement')
  element.onclick = function() {
    alert(element.id)
  }
}

function assignHandler() {
  var element = document.getElementById('someElement')
  var id = element.id
  element.onclick = function() {
    alert(id)
  }
element = null
}

function Counter(count) {
  for (var i = 0; i < count; i ++) {
    console.log(i)
  }
  var i // 重新聲明變量
  alert(i) // 計數
}

(function() {
  // 塊級作用域
})()

var func = function() {
  // 塊級作用域
}
func()

function() {
  // 塊級作用域
}()  // 報錯。。

function outputNumber() {
  (function() {
    for(var i = 0; i < number; i++) {
      console.log(i)
    }
  })()
  console.log(i)  // 報錯
}

function Counter() {
  var count = 0
  this.clear = function () {
    this.count = 0
  }
  this.add = function() {
    this.count++
  }
  this.decrease = function () {
    this.count--
  }
}