[轉] Javascript閉包

資料：

        http://kb.cnblogs.com/page/110782/

當function裏嵌套function時，內部的function能夠訪問外部function裏的變量。

function foo(x) {
  var tmp = 3;
  function bar(y) {
    alert(x + y + (++tmp));
  }
  bar(10);
}

foo(2)

    無論執行多少次，都會alert 16，由於bar能訪問foo的參數x，也能訪問foo的變量tmp。

但，這還不是閉包。當你return的是內部function時，就是一個閉包。內部function會close-over外部function的變量直到內部function結束。

function foo(x) {
  var tmp = 3;
  return function (y) {
    alert(x + y + (++tmp));
  }
}

var bar = foo(2); // bar 如今是一個閉包
bar(10);

    上面的腳本最終也會alert 16，由於雖然bar不直接處於foo的內部做用域，但bar仍是能訪問x和tmp。

可是，因爲tmp仍存在於bar閉包的內部，因此它仍是會自加1，並且你每次調用bar時它都會自加1.

    （咱們其實能夠創建不止一個閉包方法，好比return它們的數組，也能夠把它們設置爲全局變量。它們全都指向相同的x和相同的tmp，而不是各自有一份副本。）

注：

    上面的x是一個字面值（值傳遞），和JS裏其餘的字面值同樣，當調用foo時，實參x的值被複制了一份，複製的那一份做爲了foo的參數x。

那麼問題來了，JS裏處理object時是用到引用傳遞的，那麼，你調用foo時傳遞一個object，foo函數return的閉包也會引用最初那個object！

function foo(x) {
  var tmp = 3;
  return function (y) {
    alert(x + y + tmp);
    x.memb = x.memb ? x.memb + 1 : 1;
    alert(x.memb);
  }
}

var age = new Number(2);
var bar = foo(age); // bar 如今是一個引用了age的閉包
bar(10);

不出咱們意料，每次運行bar(10)，x.memb都會自加1。但須要注意的是x每次都指向同一個object變量——age，運行兩次bar(10)後，age.memb會變成2.

這和HTML對象的內存泄漏有關，呃，不過貌似超出了答題的範圍。

這裏有一個不用return關鍵字的閉包例子：

function closureExample(objID, text, timedelay) { 
  setTimeout(function() { 
    document.getElementById(objID).innerHTML = text; 
  }, timedelay); 
} 

closureExample(‘myDiv’, ‘Closure is created’, 500);

JS裏的function能訪問它們的：

1. 參數

2. 局部變量或函數

3. 外部變量（環境變量？），包括

           3.1 全局變量，包括DOM。

            3.2 外部函數的變量或函數。

若是一個函數訪問了它的外部變量，那麼它就是一個閉包。

注意，外部函數不是必需的。經過訪問外部變量，一個閉包能夠維持（keep alive）這些變量。在內部函數和外部函數的例子中，外部函數能夠建立局部變量，而且最終退出；可是，若是任何一個或多個內部函數在它退出後卻沒有退出，那麼內部函數就維持了外部函數的局部數據。

一個典型的例子就是全局變量的使用。



a對閉包的定義是這樣的：

In computer science, a closure is a function together with a referencing environment for the nonlocal names (free variables) of that function.

從技術上來說，在JS中，每一個function都是閉包，由於它老是能訪問在它外部定義的數據。

Since scope-defining construction in Javascript is a function, not a code block like in many other languages, what we usually mean by closure in Javascript is a fuction working with nonlocal variables defined in already executed surrounding function.

閉包常常用於建立含有隱藏數據的函數（但並不老是這樣）。
 

var db = (function() { 
// 建立一個隱藏的object, 這個object持有一些數據 
// 從外部是不能訪問這個object的 
  var data = {}; 
// 建立一個函數, 這個函數提供一些訪問data的數據的方法 
  return function(key, val) {
    if (val === undefined) { return data[key] } // get 
    else { return data[key] = val } // set 
  } 
// 咱們能夠調用這個匿名方法 
// 返回這個內部函數，它是一個閉包 
})(); 

db('x'); // 返回 undefined 
db('x', 1); // 設置data['x']爲1 
db('x'); // 返回 1 
// 咱們不可能訪問data這個object自己 
// 可是咱們能夠設置它的成員

看了這麼多外國大牛的解答，不知道你懂仍是不懂，反正我是懂了。 P.S. 發佈文章以後看到@xiaotie的一篇文章，以爲有必要推薦一下，由於其剖析得更爲深刻。有人說應該在文章結尾對閉包進行總結，惋惜小弟才疏學淺，不能給出一個精闢的總結。    包的總結以下： （1）閉包是一種設計原則，它經過分析上下文，來簡化用戶的調用，讓用戶在不知曉的狀況下，達到他的目的； （2）網上主流的對閉包剖析的文章其實是和閉包原則反向而馳的，若是須要知道閉包細節才能用好的話，這個閉包是設計失敗的； （3）儘可能少學習。 你們學習學習。