Javascript中有幾個非常重要的語言特性——對象、原型繼承、閉包。其中閉包 對于那些使用傳統靜態語言C/C++的程序員來說是一個新的語言特性。本文將以例子入手來介紹Javascript閉包的語言特性，并結合一點 ECMAScript語言規范來使讀者可以更深入的理解閉包。

很長一段時間不理解閉包，后來了解了作用域，以及this相關問題才理解了閉包相關知識。

閉包(closure)，也是面試題常客。簡單點來說就是函數嵌套函數。

函數作為返回值:

1. function foo () { 
2. var a = 1; 
3. return function () { 
4. a++; 
5. console.log(a); 
6. } 
7. } 
8. var aaa = foo(); 
9. aaa(); //2 
10. aaa(); //3 

其實這個代碼不難理解，aaa是指向foo()返回的一個新函數，但是在這個函數里面引用了a變量，所以當執行完foo函數時，變量a還存在內存中不釋放。即a分別為2和3。

函數作為參數：

1. var a = 10; 
2. function foo () { 
3. console.log(a); 
4. } 
5. function aaa(fn) { 
6. var a = 100; 
7. fn(); 
8. } 
9. aaa(foo); 

按照我以前的理解，當執行在aaa函數里面執行fn函數，那么如果自身沒有a變量，就去父級作用域找a變量，此處是100，那結果是100嗎?

可惜答案不是，在這里結果是10，王福朋老師的博客講的比較好，他說要去創建這個函數的作用域取值，而不是“父作用域”。

閉包的使用場景

因為本人還比較菜鳥，在這里取一個簡單例子。當點擊li的時候彈出li在ul中所處的位置即索引值。

html代碼：

1. <ul> 
2. <li>001</li> 
3. <li>002</li> 
4. <li>003</li> 
5. </ul> 

js代碼：

示例1：

請看下面的代碼，運行后發現，無論點擊那個li，結果都是3了。

1. var aLi = document.getElementsByTagName('li'); 
2. for (var i = 0; i<aLi.length; i++) { 
3. aLi[i].onclick = function() { 
4. alert(i); 
5. } 
6. } 

因為在匿名函數里面并沒有i變量，所以當for結束后，我們再去點擊頁面的li標簽，此時i早就是3了。

示例2：

1. aLi[i].onclick = (function(i){ 
2. return function(){ 
3. alert(i); 
4. } 
5. })(i); 

這次的做法是把函數當返回值，通過自執行函數的參數，把變量i傳進去，然后因為返回函數要引用這個i變量，所以當for循環結束也不會釋放i變量。即在內存中保存了i變量的值。基于這樣的原理，很容易在低版本ie中造成內存泄露。

示例3：

1. for (var i = 0; i<aLi.length; i++) { 
2. (function(i){ 
3. aLi[i].onclick = function(){ 
4. alert(i); 
5. } 
6. })(i); 
7. } 

這個原理和上面大同小異。

小米前端閉包面試題：

1. function repeat (func, times, wait) { 
2. } //這個函數能返回一個新函數，比如這樣用 
3.  
4. var repeatedFun = repeat(alert, 10, 5000) 
5. //調用這個 repeatedFun ("hellworld") 
6.  
7. //會alert十次 helloworld, 每次間隔5秒 

我的答案：

1. function repeat (func, times, wait) { 
2. return function(str) { 
3. while (times >0) { 
4. setTimeout(function(){ 
5. func(str); 
6. },wait); 
7. times--; 
8. } 
9. } 
10. } 
11.  
12. var repeatedFun = repeat(alert, 10, 100); 
13. repeatedFun ("hellworld"); 

以上所述就是本文的全部內容了，希望對大家學習javascript閉包能夠有所幫助。