jquery 總體架構

1  jquery目錄結構

代碼清單 1-1 jQuery 源碼(jquery-1.7.1.js)的總體結構

(function( window, undened ) {

   // 構造 jQuery 對象

   var jQuery = (function() {

       var jQuery = function( selector, context ) {

               return new jQuery.fn.init( selector, context, rootjQuery );

           }

       return jQuery;

   })();

   // 工具方法 Utilities

   // 回調函數列表 Callbacks Object

   // 異步隊列 Deferred Object

   // 瀏覽器功能測試 Support

   // 數據緩存 Data

   // 隊列 Queue

   // 屬性操作 Attributes

   // 事件系統 Events

   // 選擇器 Sizzle

   // DOM 遍歷 Traversing

   // DOM 操作 Manipulation

   // 樣式操作 CSS(計算樣式、內聯樣式)

   // 異步請求 Ajax

   // 動畫 Effects

   // 座標 Offset、尺寸 Dimensions

   window.jQuery = window.$ = jQuery;

})(window);



自調用匿名函數

 

 

 

所有的jQuery源代碼都在一個匿名自調用函數裏面執行,這樣寫的好處有以下幾點:

 

(1)所有代碼都在局部環境不污染全局變量也不會跟其他庫衝突 

(2)自調用讓jQuery不用調用就會自動加載

作者還補充了兩種自調用函數的方法,通過查找發現還有更多

附上網址http://www.cnblogs.com/snandy/archive/2011/02/28/1966664.html

 

傳入了window作爲參數

 

好處主要有兩個:

(1)把window變成了一個局部變量,這樣Jquery中訪問window就可以在當前環境內找到直接使用,不需要向上查找,縮短了作用域鏈的長度提高了性能

(2)代碼壓縮方便,讓jQuery體積更小(window壓縮成a

(function(a,b){ ... })(window);

// 參數 window 被壓縮爲 a,參數 undened 被壓縮爲 b

 

傳入undefined 參數

主要是防止undefined被重寫,也是方便壓縮,在一些比較低版本的瀏覽器裏面Undefined的值會被重寫不是undefined

  在瀏覽器中嘗試修改 undened 的值


IE 6.0、IE 7.0、IE 8.0 now it's dened 可以改變

IE 9.0、IE 10.0 undened 不能改變

Chrome 16.0.912.77 now it's dened 可以改變

Chrome 17.0.963.56  undened 不能改變

Firefox 3.6.28  now it's dened 可以改變

Firefox 4.0 undened 不能改變

Safari 4.0.2 now it's dened 可以改變

Safari 4.0.4 undened 不能改變

Opera 11.52 now it's dened 可以改變

Opera 11.60 undened 不能改變

 

 

自調用匿名函數應該養成前後都加上分號的習慣表示語句結束


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章