代码清单 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
好处主要有两个:
(1)把window变成了一个局部变量,这样Jquery中访问window就可以在当前环境内找到直接使用,不需要向上查找,缩短了作用域链的长度提高了性能
(2)代码压缩方便,让jQuery体积更小(window压缩成a)
(function(a,b){ ... })(window);
// 参数 window 被压缩为 a,参数 undened 被压缩为 b
主要是防止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 不能改变