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 自调用匿名函数应该养成前后都加上分号的习惯表示语句结束

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。