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