JavaScript使用閉包模仿塊級作用域操作示例

本文實例講述了JavaScript使用閉包模仿塊級作用域操作。分享給大家供大家參考，具體如下：

在閱讀這篇文章之前，建議先閱讀JavaScript的作用域鏈以及JavaScript閉包。

正如閉包的定義一樣：“閉包指的是有權訪問另一個函數作用域中的變量的函數”， 閉包最大的意義就在于閉包可以對另一個函數作用域的變量進行訪問，由此，閉包可以延伸出一系列的用法。

模仿塊級作用域

JavaScript沒有塊級作用域的概念。這意味著在塊語句中定義的變量，實際上是包含在函數中而非語句中創建的。從作用域鏈的角度來理解是，所有在函數內定義的變量(所有，也就是說塊語句中定義的變量也包含在內)都會在這個函數執行時所創建的函數的活動對象中，因此從函數內的所有變量定義開始，就可以在函數內部隨處訪問它，閉包也可以通過作用域鏈訪問它。
例子：

function outputNumbers(count){
  for(var i = 0; i < count; i++){
    console.log(i); // 0, 1, ... count - 1
  }
  console.log(i); // count
}

C++, JAVA等語言中，變量i只會在for循環的語句塊(block)中有定義，循環一旦結束，變量i就會被銷毀。可是在JavaScript中，變量i是定義在outputNumbers()的活動對象中，因此從函數內的所有變量定義開始，就可以在函數內部隨處訪問它，閉包也可以通過作用域鏈訪問它。即使像下面這樣重新聲明同一個變量，也不會改變它的值。

function outputNumbers(count){
  for(var i = 0; i < count; i++){
    console.log(i); // 0, 1, ... count - 1
  }
  var i;     // redeclare i
  console.log(i); // count
}

JavaScript從來不管是否多次聲明了同一個變量；遇到這種情況，JavaScript只會對后續的聲明視而不見(不過會執行后續聲明中的變量初始化)，將其當成一個賦值語句。

函數包裝器可以用來模仿塊作用域并避免這個問題。

函數包裝器就是創建并立即調用一個函數。

(function(){
  console.log("Hello World!");
})();

這段代碼直接輸出”Hello World”, 這就是一個函數包裝器。

函數包裝器的作用：

1. 立即執行函數中的代碼，又不會再內存中留下對該函數的引用；

2. 函數內部的所有變量都會被立即銷毀(除非將這些變量賦值給了包含作用域中的變量)。

當在函數內部使用函數包裝器的時候，此時函數包裝器就是一個閉包，有權訪問外部環境中的所有變量。

function outputNumbers(count){
  (function(){
    //塊級作用域
    for(var i = 0; i < count; i++){
      console.log(i); // 0, 1, ... count - 1
    }
  })();
  console.log(i); // error
}

在函數包裝器中可以訪問外部環境outputNumbers()的變量count，打印0, 1, … count - 1，但是在函數包裝器執行完畢之后，再訪問變量i就會拋出錯誤，因為i是在函數包裝器中定義的，outputNumbers()函數無法訪問。

無論在什么地方，如果只需要一些臨時變量，就可以使用塊級作用域！

使用函數包裝器這種閉包可以減少閉包過多占用內存的問題。因為沒有指向匿名函數的引用， 所以只要函數包裝器執行完畢，就可以立即銷毀其作用域鏈了。

函數包裝器這種技術經常在全局作用域中被用在函數外部，從而限制想全局作用域中添加過多的變量和函數。一般來說，我們都應該盡量少向全局作用域中添加變量和函數。過多的全局變量和函數很容易導致命名沖突。通過創建塊級作用域，每個開發人員既可以使用自己的變量，有不必擔心搞亂全局作用域。例如：

(function(){
  var now = new Date();
  if (now.getMonth() == 0 && now.getDate() == 1) {
    console.log("Happy new year");
  }
})();

將這段代碼放在全局作用域中，可以用來確定哪天是一月一日。其中變量now現在是匿名函數中的局部變量，避免了在全局變量中創建。

更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。