快捷導(dǎo)航

javascript,jquery閉包概念分析

更新時間：2010年06月19日 00:03:45 作者：

偶爾聽人說javascript閉包，讓我聯(lián)想起以前學(xué)編譯原理和數(shù)字邏輯里講的閉包，以前上課講的閉包很難懂，而且含有遞歸的意思在里面，現(xiàn)在不想再查看里面的閉包概念。

但javascript我是經(jīng)常要用，所以是要懂這里面的概念。
其實javascript里的閉包概念很簡單，就是函數(shù)用到外部變量，不需要傳參就可以獲取。
舉個例子：

 
<script> 
var sMessage = "Hello world"; 
function sayHello(){ 
alert(sMessage); 
} 
sayHello(); 
addNumber(1,2); 

var iBaseNum = 10; 
function addNumber(iNum1, iNum2) { 
function doAddition() { 
alert(iNum1 + iNum2 + iBaseNum); 
} 
return doAddition(); 
} 
function a(){ 
var i=0; 
function b(){ 
alert(++i); 
} 
return b; 
} 
var c = a(); 
c(); 
c(); 

</script> 

第一個函數(shù)sayHello沒有傳參數(shù)，直接利用了sMessage變量，這個就叫做閉包。
第二個函數(shù)復(fù)雜點，里面有個doAddition也是閉包函數(shù)，他不需要參數(shù)，直接在執(zhí)行環(huán)境中獲取iNum1，iNum2，還有外部變量 iBaseNum。
第三個函數(shù) 是能保護 i變量的訪問，并且一直保存i在內(nèi)存中，可以一直增加。（閉包的一個經(jīng)典用法）
jquery中閉包也差不多，先給個例子

你也許會問

復(fù)制代碼代碼如下:

 
(function($){ 
$("div p").click(function(){alert("cssrain!")}); 
})(jQuery); //一個閉包 

這是什么寫法??？
別急，我也是請教了upc ，才稍微懂了點。
這里面的$只是形參，但jquery是全局變量，所以不需要調(diào)用該函數(shù)就會自動執(zhí)行，或者分兩步
就是轉(zhuǎn)化成正常的函數(shù)，先寫函數(shù)，后調(diào)用。
如下所示
其實：

復(fù)制代碼代碼如下:

 
(function($){ 
$("div p").click(。。。); 
})(jQuery); 

就是等于

復(fù)制代碼代碼如下:

 
function tempFunction($){ //創(chuàng)建一個以$為形參的函數(shù) 
$("div p").click(....); 
} 
TempFunction(jQuery); //傳入實參jQuery執(zhí)行函數(shù). 

干脆直接這么寫，算了

復(fù)制代碼代碼如下:

 
(function(cssrain){ 
cssrain("div p").click(.... ); 
})(jQuery); //一個閉包 

閉包的基本寫法：
(function(){do someting})();
//這個你就理解為定義一個匿名函數(shù)并立即執(zhí)行
帶參數(shù)的話就這樣：
(function(形參){do someting})(實參);
另外
(function(){var upc="i am upc"})();
alert(upc);
會提示undefined。
因為閉包后，里面的變量就相當于局部了。
閉包的好處：
不增加額外的全局變量，
執(zhí)行過程中所有變量都是在匿名函數(shù)內(nèi)部。
上面的例子不是很好，跟javascript的閉包有點混淆，但這確實也是jquery中的一種閉包。只不過經(jīng)過jquery的加工罷了。
如過有什么不對，大家互相討論，我也是初學(xué)者，還有很多不懂得地方。

您可能感興趣的文章: