本文實例講述了javascript閉包功能與用法。分享給大家供大家參考，具體如下：

理解閉包

閉包這個東西，確實是很麻煩。之前我自己的理解也是有一點誤差，所以今天將文章修改修改，爭取將自己的理解進一步準確化。

閉包說得通熟易懂一點，就是指有權訪問另一個函數作用域的變量的函數。創(chuàng)建閉包的常見方式，就是在一個函數內部創(chuàng)建另外一個函數，并返回。

我們這里舉一個例子來說明，首先我們在函數f1內部定義一個函數f2。

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

f2可以訪問f1的作用域，反過來就不行了?，F在我們想訪問f1中的n，在外層卻訪問不到，怎么辦呢？將f2作為f1的返回值就可以了：

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

這個就是閉包。

其實也很簡單，那么閉包有什么用呢？

閉包的使用

之前的自己只知道閉包的概念，卻并不知道其存在的價值和意義。直到自己在項目中遇到類似的問題后，才發(fā)現只有閉包才能解決的情況。

閉包是使用可以帶來以下好處：

1. 希望一個變量長期駐扎在內存中
2. 避免全局變量的污染
3. 私有成員的存在

我們剛才說到過，閉包可以讀取到函數內部的變量，這是由于閉包后函數的堆棧不會釋放，也就是說這些值始終保持在內存中。這是一個優(yōu)點，也是一個缺點。

我們可以通過閉包來實現一個計數器，而不用擔心全局變量的污染：

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

可以看到n一直存儲在內存中，并沒有在f1調用后被自動清除。

我們再來看看如何通過閉包來模擬JavaScript中的私有成員：

var aaa = (function(){
  var a = 1;
  function bbb(){
    a++;
    alert(a);
  }
  function ccc(){
    a++;
    alert(a);
  }
  return {
    b:bbb,    //json結構
    c:ccc
  }
})();
aaa.b();  //2
aaa.c();  //3

這樣就可以提供指定的變量供外界訪問了。

閉包解決的問題

這是一個很常見的問題，就是利用javascript處理循環(huán)的時候，索引i的值不能有效的利用：

這里改成如下格式，形成10個閉包來解決即可：

更多關于JavaScript相關內容可查看本站專題：《javascript面向對象入門教程》、《JavaScript中json操作技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》

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

最新評論