快捷導(dǎo)航

javascript,jquery閉包概念分析

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

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

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

 
<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> 

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

你也許會(huì)問

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

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

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

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

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

就是等于

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

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

干脆直接這么寫，算了

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

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

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

您可能感興趣的文章: