5分鐘理解 Javascript 閉包__Java

閉包（closure）是 JavaScript 的一種文法特性。關於閉包，有一種經典的提法——“閉包是代碼塊和建立該代碼塊的上下文（環境）中資料的結合”。因為編程理論中閉包這一概念來源於數學領域，所以定義似乎有點難以接受，不過我們完全可以通俗地理解，閉包就是在函數內部定義函數，內部的函數可訪問其外部函數的範圍。下面是在程式中實現閉包的例子。

1 2 3 4 5 6 7 8 9

function  outer(name){  // 外部的函數   var  msg= "hello" ;   function  inner(){  // 內建函式     alert(msg+ " " +name);    }   return  inner();  // 返回內建函式 } var  clos=outer( "WANGERN" ); clos();

執行代碼，將彈出警告“hello WANGERN”。

 

要理解閉包，還有一個很關鍵性概念—— JavaScript 的範圍規則。

先解釋一下範圍（scope）。在運行函數都會建立屬於函數的上下文環境（context）及範圍，範圍即當前環境範圍內的變數。JavaScript 中最外圍的環境為 window 對象，也就是全域範圍所在的環境。當執行到下一級環境時，下一級環境會主動包含上一級的範圍，最終形成一級一級關聯的範圍鏈（對象的 [[Scope]] 屬性指向該範圍鏈）。當有下一級環境產生時，上一級環境會失活，但不會自動銷毀而儲存在一種“棧”式結構中，這樣可以保證範圍鏈的延續性，也可以環境回退時再次啟用。當前環境可訪問當前範圍鏈中的全部變數，比如上面代碼中的 inner() 函數可訪問 outer() 函數中的 msg 和 name 變數。

閉包就是藉助這種範圍鏈，一方面可使內建函式可訪問外部函數的變數；另一方面，閉包還可以抑制外部函數環境的銷毀，使其變數始終儲存在記憶體中，直至不需要時再銷毀。

 

在實際應用中，閉包是編程中常用的技巧。下面舉一些執行個體。 

迴圈綁定事件，使迴圈過程中的索引值 i 均有效

1 2 3 4 5 6 7 8

var  elems=document.getElementsByTagName( 'li' ); for ( var  i=0;i<elems.length;i++){   elems[i].onclick= function (i){     return  ( function (){  // 閉包       alert(i);     })