jQuery總體架構(gòu)的理解分析
更新時間:2011年03月07日 09:27:48 作者:
jQuery總體架構(gòu)的理解,學(xué)習(xí)jquery的朋友可以參考下。
jQuery腳本總體結(jié)構(gòu)來說,有如下形式:
(function( window, undefined ) {
// Define a local copy of jQueryvar jQuery = function( selector, context
) { // The jQuery object is
actually just the init constructor
'enhanced' return new
jQuery.fn.init( selector, context ); },
// Expose jQuery to the global objectwindow.jQuery =
window.$ = jQuery;
})(window);
對這樣的結(jié)構(gòu)不很理解,也沒做深究,只知道和和所謂的 js閉包的概念相關(guān),今天查了一些資料,有了些基本的理解。
實際是定義了一個全局函數(shù),前一個括號為一個匿名函數(shù),后面為函數(shù)的調(diào)用??梢赃@樣理解:
var fun=function(window, undefined){
... ...
}
fun(window);
整個腳本是一個匿名函數(shù)(暫時叫它mainFn吧),函數(shù)被加載的時候便開始執(zhí)行,mainFn可以接收兩個參數(shù),執(zhí)行時只傳遞一個參數(shù)window.
1. 具體解釋下這個寫法的意思:
2. window 函數(shù)執(zhí)行時會傳入window,這個傳入的window是全局對象(通常為Window)的
3. 一個屬性且window=this,而傳入mainFn函數(shù)中作為其參數(shù)時,它會被存儲在
4. mainFn的調(diào)用對象中.在原型鏈中查找變量的策略是(非嵌套函數(shù)):先查找調(diào)用
5. 對象,再查找全局對象,所以這使得整個mainFn中使用的window時查找效率更高
6. undefined 由于執(zhí)行時并未傳遞第二個參數(shù),故變量undefined的值為undefined.早期版
7. 本的瀏覽器中全局對象可能沒有undefined屬性,所以不能直接使用它.通常避免
8. 這個問題的寫法是 window.undefined = window.undefined
然后在最后讓jQuery庫中最重要的對象jQuery成為了window對象的一個屬性,并可以簡寫為“$”。
其它的補充資料:
JQuery是個出色的javascript庫,最近結(jié)合它寫javascript,看了下源碼。
先從整體、全局的看,jQuery的源碼幾乎都在下面的代碼中:
(function() {
//……
})();
第一個括號里面是個匿名函數(shù),第二個括號表示馬上執(zhí)行第一個括號里面的代碼。
首先明白,javascript里面是沒有命名空間的,要保證你的javascript函數(shù)、對象與其他的不沖突,這里用了javascript的一個技巧:你的所有javascript函數(shù)、對象都在一個匿名函數(shù)里面定義,確保了所定義的函數(shù)、對象的有效范圍,起到了命名空間的作用。既然作用范圍在這個匿名函數(shù)中,怎么被別人使用呢?下面看它的下面代碼:
var jQuery = window.jQuery = function(selector, context) {
//……
};
這里讓jQuery庫中最重要的對象jQuery成為了window對象的一個屬性,這樣就可以在其他地方像使用 document(document也是window的一個屬性)一樣使用jQuery了。也許使用過jQuery的朋友驚訝-我沒有使用jQuery對象,一直使用$的。沒錯,那是jQuery的同名對象:
window.$ = jQuery;
現(xiàn)在明白了吧。
這個庫的結(jié)構(gòu)是這樣的:
1. (function(window, undefined){
2. var document = window.document;
3. var jQuery = ...
4. ...
5. ...
6. })(window);
(function(window, undefined){ var document = window.document; var jQuery = ... ... ... })(window);
整個腳本是一個匿名函數(shù)(暫時叫它mainFn吧),函數(shù)被加載的時候便開始執(zhí)行,mainFn可以接收兩個參數(shù),執(zhí)行時只傳遞一個參數(shù)window.
1. 具體解釋下這個寫法的意思:
2. window 函數(shù)執(zhí)行時會傳入window,這個傳入的window是全局對象(通常為Window)的
3. 一個屬性且window=this,而傳入mainFn函數(shù)中作為其參數(shù)時,它會被存儲在
4. mainFn的調(diào)用對象中.在原型鏈中查找變量的策略是(非嵌套函數(shù)):先查找調(diào)用
5. 對象,再查找全局對象,所以這使得整個mainFn中使用的window時查找效率更高
6. undefined 由于執(zhí)行時并未傳遞第二個參數(shù),故變量undefined的值為undefined.早期版
7. 本的瀏覽器中全局對象可能沒有undefined屬性,所以不能直接使用它.通常避免
8. 這個問題的寫法是 window.undefined = window.undefined
復(fù)制代碼 代碼如下:
(function( window, undefined ) {
// Define a local copy of jQueryvar jQuery = function( selector, context
) { // The jQuery object is
actually just the init constructor
'enhanced' return new
jQuery.fn.init( selector, context ); },
// Expose jQuery to the global objectwindow.jQuery =
window.$ = jQuery;
})(window);
對這樣的結(jié)構(gòu)不很理解,也沒做深究,只知道和和所謂的 js閉包的概念相關(guān),今天查了一些資料,有了些基本的理解。
實際是定義了一個全局函數(shù),前一個括號為一個匿名函數(shù),后面為函數(shù)的調(diào)用??梢赃@樣理解:
復(fù)制代碼 代碼如下:
var fun=function(window, undefined){
... ...
}
fun(window);
整個腳本是一個匿名函數(shù)(暫時叫它mainFn吧),函數(shù)被加載的時候便開始執(zhí)行,mainFn可以接收兩個參數(shù),執(zhí)行時只傳遞一個參數(shù)window.
1. 具體解釋下這個寫法的意思:
2. window 函數(shù)執(zhí)行時會傳入window,這個傳入的window是全局對象(通常為Window)的
3. 一個屬性且window=this,而傳入mainFn函數(shù)中作為其參數(shù)時,它會被存儲在
4. mainFn的調(diào)用對象中.在原型鏈中查找變量的策略是(非嵌套函數(shù)):先查找調(diào)用
5. 對象,再查找全局對象,所以這使得整個mainFn中使用的window時查找效率更高
6. undefined 由于執(zhí)行時并未傳遞第二個參數(shù),故變量undefined的值為undefined.早期版
7. 本的瀏覽器中全局對象可能沒有undefined屬性,所以不能直接使用它.通常避免
8. 這個問題的寫法是 window.undefined = window.undefined
然后在最后讓jQuery庫中最重要的對象jQuery成為了window對象的一個屬性,并可以簡寫為“$”。
其它的補充資料:
JQuery是個出色的javascript庫,最近結(jié)合它寫javascript,看了下源碼。
先從整體、全局的看,jQuery的源碼幾乎都在下面的代碼中:
復(fù)制代碼 代碼如下:
(function() {
//……
})();
第一個括號里面是個匿名函數(shù),第二個括號表示馬上執(zhí)行第一個括號里面的代碼。
首先明白,javascript里面是沒有命名空間的,要保證你的javascript函數(shù)、對象與其他的不沖突,這里用了javascript的一個技巧:你的所有javascript函數(shù)、對象都在一個匿名函數(shù)里面定義,確保了所定義的函數(shù)、對象的有效范圍,起到了命名空間的作用。既然作用范圍在這個匿名函數(shù)中,怎么被別人使用呢?下面看它的下面代碼:
var jQuery = window.jQuery = function(selector, context) {
//……
};
這里讓jQuery庫中最重要的對象jQuery成為了window對象的一個屬性,這樣就可以在其他地方像使用 document(document也是window的一個屬性)一樣使用jQuery了。也許使用過jQuery的朋友驚訝-我沒有使用jQuery對象,一直使用$的。沒錯,那是jQuery的同名對象:
window.$ = jQuery;
現(xiàn)在明白了吧。
這個庫的結(jié)構(gòu)是這樣的:
復(fù)制代碼 代碼如下:
1. (function(window, undefined){
2. var document = window.document;
3. var jQuery = ...
4. ...
5. ...
6. })(window);
(function(window, undefined){ var document = window.document; var jQuery = ... ... ... })(window);
整個腳本是一個匿名函數(shù)(暫時叫它mainFn吧),函數(shù)被加載的時候便開始執(zhí)行,mainFn可以接收兩個參數(shù),執(zhí)行時只傳遞一個參數(shù)window.
1. 具體解釋下這個寫法的意思:
2. window 函數(shù)執(zhí)行時會傳入window,這個傳入的window是全局對象(通常為Window)的
3. 一個屬性且window=this,而傳入mainFn函數(shù)中作為其參數(shù)時,它會被存儲在
4. mainFn的調(diào)用對象中.在原型鏈中查找變量的策略是(非嵌套函數(shù)):先查找調(diào)用
5. 對象,再查找全局對象,所以這使得整個mainFn中使用的window時查找效率更高
6. undefined 由于執(zhí)行時并未傳遞第二個參數(shù),故變量undefined的值為undefined.早期版
7. 本的瀏覽器中全局對象可能沒有undefined屬性,所以不能直接使用它.通常避免
8. 這個問題的寫法是 window.undefined = window.undefined
相關(guān)文章
從零開始學(xué)習(xí)jQuery (三) 管理jQuery包裝集
在使用jQuery選擇器獲取到j(luò)Query包裝集后, 我們需要對其進行操作. 本章首先講解如何動態(tài)的創(chuàng)建元素, 接著學(xué)習(xí)如何管理jQuery包裝集, 比如添加,刪除,切片等.2011-02-02jquery的冒泡事件的阻止與允許(三種實現(xiàn)方法)
冒泡或默認的事件發(fā)生,在某些時候是不需要的,在此就需要一些可以阻止冒泡和默認的事件的方法,本文介紹三種方法做到不同程度的阻止,感興趣的朋友可以了解下,或許對你了解冒泡事件有所幫助2013-02-02jquery使用echarts實現(xiàn)有向圖可視化功能示例
這篇文章主要介紹了jquery使用echarts實現(xiàn)有向圖可視化功能,結(jié)合完整實例形式分析了jquery的echarts.js插件實現(xiàn)有向圖可視化相關(guān)實現(xiàn)技巧與操作注意事項,需要的朋友可以參考下2019-11-11jQuery處理json數(shù)據(jù)返回數(shù)組和輸出的方法
這篇文章主要介紹了jQuery處理json數(shù)據(jù)返回數(shù)組和輸出的方法,涉及jQuery操作數(shù)組及json的技巧,需要的朋友可以參考下2015-03-03使用Easyui實現(xiàn)查詢條件的后端傳遞并自動刷新表格的兩種方法
這篇文章主要介紹了使用Easyui實現(xiàn)查詢條件的后端傳遞并自動刷新表格的兩種方法,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09