天天看點

Javascript:閉包(Closure)一、變量的作用域二、如何從外部讀取局部變量三、閉包的概念四、閉包的用途五、使用閉包的注意點

一、變量的作用域

要了解閉包,首先必須了解Javascript特殊的變量作用域。

變量的作用域無非就是兩種:全局變量和局部變量。

Javascript語言的特殊之處,就在于函數内部可以直接讀取全局變量。

  var n=999;
  function f1(){
    alert(n);
  }
  f1(); // 999
           

另一方面,在函數外部自然無法讀取函數内的局部變量。

 function f1(){
    var n=999;
  }
  alert(n); // error
           

這裡有一個地方需要注意,函數内部聲明變量的時候,一定要使用var指令。如果不用的話,你實際上聲明了一個全局變量!

 function f1(){
    n=999;
  }
  f1();
  alert(n); // 999
           

二、如何從外部讀取局部變量

出于種種原因,我們有時候需要得到函數内的局部變量。但是,前面已經說過了,正常情況下,這是辦不到的,隻有通過變通方法才能實作。

那就是在函數的内部,再定義一個函數。

  function f1(){
    var n=999;
    function f2(){
      alert(n); // 999
    }
  }
           

在上面的代碼中,函數 f 2 f2 f2 就被包括在函數 f 1 f1 f1 内部,這時 f 1 f1 f1 内部的所有局部變量,對 f 2 f2 f2 都是可見的。但是反過來就不行, f 2 f2 f2 内部的局部變量,對 f 1 f1 f1 就是不可見的。這就是Javascript語言特有的"鍊式作用域"結構(chain scope),子對象會一級一級地向上尋找所有父對象的變量。是以,父對象的所有變量,對子對象都是可見的,反之則不成立。

既然 f 2 f2 f2 可以讀取 f 1 f1 f1 中的局部變量,那麼隻要把 f 2 f2 f2 作為傳回值,我們不就可以在 f 1 f1 f1 外部讀取它的内部變量了嗎!

 function f1(){
    var n=999;
    function f2(){
      alert(n);
    }
    return f2;
  }
  var result=f1();
  result(); // 999
           

三、閉包的概念

上一節代碼中的 f 2 f2 f2 函數,就是閉包。閉包就是能夠讀取其他函數内部變量的函數。

由于在Javascript語言中,隻有函數内部的子函數才能讀取局部變量,是以可以把閉包簡單了解成"定義在一個函數内部的函數"。

是以,在本質上,閉包就是将函數内部和函數外部連接配接起來的一座橋梁。

四、閉包的用途

閉包可以用在許多地方。它的最大用處有兩個,

  • 一個是前面提到的可以讀取函數内部的變量,
  • 另一個就是讓這些變量的值始終保持在記憶體中。
 function f1(){
    var n=999;
    nAdd=function(){n+=1}
    function f2(){
      alert(n);
    }
    return f2;
  }
  var result=f1();
  result(); // 999
  nAdd();
  result(); // 1000
           

在這段代碼中,result實際上就是閉包 f 2 f2 f2 函數。它一共運作了兩次,第一次的值是999,第二次的值是1000。這證明了,函數 f 1 f1 f1 中的局部變量 n n n 一直儲存在記憶體中,并沒有在 f 1 f1 f1 調用後被自動清除。

為什麼會這樣呢?原因就在于 f 1 f1 f1 是 f 2 f2 f2 的父函數,而 f 2 f2 f2 被賦給了一個全局變量,這導緻 f 2 f2 f2 始終在記憶體中,而 f 2 f2 f2 的存在依賴于 f 1 f1 f1 ,是以 f 1 f1 f1 也始終在記憶體中,不會在調用結束後,被垃圾回收機制(garbage collection)回收。

這段代碼中另一個值得注意的地方,就是"nAdd=function(){n+=1}"這一行,首先在nAdd前面沒有使用var關鍵字,是以nAdd是一個全局變量,而不是局部變量。其次,nAdd的值是一個匿名函數(anonymous function),而這個匿名函數本身也是一個閉包,是以nAdd相當于是一個setter,可以在函數外部對函數内部的局部變量進行操作。

五、使用閉包的注意點

由于閉包會使得函數中的變量都被儲存在記憶體中,閉包會阻止外部局部變量的銷毀,記憶體消耗很大,是以不能濫用閉包,否則會造成網頁的性能問題,在IE中可能導緻記憶體洩露。解決方法是,在退出函數之前,将不使用的局部變量全部删除。

閉包會在父函數外部,改變父函數内部變量的值。是以,如果你把父函數當作對象(object)使用,把閉包當作它的公用方法(Public Method),把内部變量當作它的私有屬性(private value),這時一定要小心,不要随便改變父函數内部變量的值。

繼續閱讀