jQuery源码解读 - 孤独大兔子

jQuery源码解读

2016-05-31 18:34  孤独大兔子  阅读(65)  评论(0)  编辑  收藏  举报

一、总体框架

(function(window,undeined){
    // code
})(window)

1、这是一个匿名函数，匿名函数有两种写法 (function(){})() 和 (function(){}())，可以把括号放在里面也可以放在外面

2、匿名函数是为了创建一个私有命名空间

3、通过传入window，使window从全局变量变为局部变量，在代码块中访问window时可以快速查找，后期如果压缩代码可以减少代码量。

4、传入undefined是为了防止重新定义undefined

框架中实现的功能

(function( window, undefined ) {

    // 构造jQuery对象

var jQuery = function( selector, context ) {

        return new jQuery.fn.init( selector, context, rootjQuery );

    }

// 工具函数 Utilities

// 异步队列 Deferred

// 浏览器测试 Support

// 数据缓存 Data

// 队列 queue

// 属性操作 Attribute

// 事件处理 Event

// 选择器 Sizzle

// DOM遍历

// DOM操作

// CSS操作

// 异步请求 Ajax

// 动画 FX

// 坐标和大小

    window.jQuery = window.$ = jQuery;

})(window);

 

•