DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript,jquery閉包概念分析
javascript,jquery閉包概念分析
編輯:關於JavaScript     
但javascript我是經常要用,所以是要懂這裡面的概念。
其實javascript裡的閉包概念很簡單,就是函數用到外部變量,不需要傳參就可以獲取。
舉個例子:
復制代碼 代碼如下:
<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>

第一個函數sayHello沒有傳參數,直接利用了sMessage變量,這個就叫做閉包。
第二個函數復雜點,裡面有個doAddition也是閉包函數,他不需要參數,直接在執行環境中獲取iNum1,iNum2,還有外部變量 iBaseNum。
第三個函數 是能保護 i變量的訪問,並且一直保存i在內存中,可以一直增加。(閉包的一個經典用法)
jquery中閉包也差不多,先給個例子

你也許會問
復制代碼 代碼如下:
(function($){
$("div p").click(function(){alert("cssrain!")});
})(jQuery); //一個閉包

這是什麼寫法啊?
別急,我也是請教了upc ,才稍微懂了點。
這裡面的$只是形參,但jquery是全局變量,所以不需要調用該函數就會自動執行,或者分兩步
就是轉化成正常的函數,先寫函數,後調用。
如下所示
其實:
復制代碼 代碼如下:
(function($){
$("div p").click(。。。);
})(jQuery);

就是等於
復制代碼 代碼如下:
function tempFunction($){ //創建一個以$為形參的函數
$("div p").click(....);
}
TempFunction(jQuery); //傳入實參jQuery執行函數.

干脆直接這麼寫 ,算了

復制代碼 代碼如下:
(function(cssrain){
cssrain("div p").click(.... );
})(jQuery); //一個閉包


閉包的基本寫法:
(function(){do someting})();
//這個你就理解為定義一個匿名函數並立即執行
帶參數的話就這樣:
(function(形參){do someting})(實參);
另外
(function(){var upc="i am upc"})();
alert(upc);
會提示undefined。
因為閉包後,裡面的變量就相當於局部了。
閉包的好處:
不增加額外的全局變量,
執行過程中所有變量都是在匿名函數內部。
上面的例子不是很好,跟javascript的閉包有點混淆,但這確實也是jquery中的一種閉包。只不過經過jquery的加工罷了。
如過有什麼不對,大家互相討論,我也是初學者,還有很多不懂得地方。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved