本文實例講述了javascript閉包功能與用法。分享給大家供大家參考,具體如下:
理解閉包
閉包這個東西,確實是很麻煩。之前我自己的理解也是有一點誤差,所以今天將文章修改修改,爭取將自己的理解進一步準確化。
閉包說得通熟易懂一點,就是指有權訪問另一個函數作用域的變量的函數。創建閉包的常見方式,就是在一個函數內部創建另外一個函數,并返回。
我們這里舉一個例子來說明,首先我們在函數f1內部定義一個函數f2。
function f1(){ var n=999; function f2(){ alert(n); // 999 }}
f2可以訪問f1的作用域,反過來就不行了。現在我們想訪問f1中的n,在外層卻訪問不到,怎么辦呢?將f2作為f1的返回值就可以了:
function f1(){ var n=999; function f2(){ alert(n); } return f2;}var result=f1();result(); // 999
這個就是閉包。
其實也很簡單,那么閉包有什么用呢?
閉包的使用
之前的自己只知道閉包的概念,卻并不知道其存在的價值和意義。直到自己在項目中遇到類似的問題后,才發現只有閉包才能解決的情況。
閉包是使用可以帶來以下好處:
1. 希望一個變量長期駐扎在內存中
2. 避免全局變量的污染
3. 私有成員的存在
我們剛才說到過,閉包可以讀取到函數內部的變量,這是由于閉包后函數的堆棧不會釋放,也就是說這些值始終保持在內存中。這是一個優點,也是一個缺點。
我們可以通過閉包來實現一個計數器,而不用擔心全局變量的污染:
function f1(){ var n=999; nAdd=function(){n+=1} function f2(){ alert(n); } return f2;}var result=f1();result(); // 999nAdd();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(); //2aaa.c(); //3
這樣就可以提供指定的變量供外界訪問了。
閉包解決的問題
這是一個很常見的問題,就是利用javascript處理循環的時候,索引i的值不能有效的利用:
這里改成如下格式,形成10個閉包來解決即可:
更多關于JavaScript相關內容可查看本站專題:《javascript面向對象入門教程》、《JavaScript中json操作技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答