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

2 自調用匿名函數

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

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

（2）自調用讓jQuery不用調用就會自動加載

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

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

3 傳入了window作為參數

好處主要有兩個：

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

（2）代碼壓縮方便，讓jQuery體積更小（window壓縮成a）

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

// 參數 window 被壓縮為 a，參數 undened 被壓縮為 b

4 傳入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 不能改變

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