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 自调用匿名函数应该养成前后都加上分号的习惯表示语句结束
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。