自调用匿名函数

打开jQuery源码,首先你会看到这样的代码结构:

(function(window,undefined){

    //jquery code

})(window);

这是一个自调用匿名函数。在第一个括号内,创建一个匿名函数;第二个括号内,立即执行

使用自调用匿名函数的原因

通过定义一个匿名函数,创建了一个“私有”的命名空间,该命名空间的变量和方法,不会破坏全局的命名空间。这点非常有用也是一个js框架必须支持的功能,jQuery被应用在成千上万的JavaSctipt程序中,必须确保jQuery创建的变量不能和导入他的程序所使用的变量发生冲突

传入参数window的原因

传入window:因为执行js代码是从里到外的,通过传入window变量,使得window由全局变量变为局部变量,当在jQuery代码块中访问window时,不需要将作用域链回退到顶层作用域,这样可以更快的访问window;更重要的是,将window作为参数传入,可以在压缩代码时进行优化,例如jQuery-1.6.1.min.js: (function(a,b){})(window);//window被优化为a

传入undefined的原因:

(1)Javascript 中的 undefined 并不是作为关键字,因此可以允许用户对其赋值,例如IE8:

    var undefined = 'change'
    ;(function(window) {
          alert(undefined);//IE8 'change'
    })(window)
    
(2)行参undefined是局部的,所以就算在外部定义了undefined,里面的undefine依然不受影响。这样子最大程度防止外界的变量定义对内部造成影响

例如:

    var undefined = 8;
    (function( window,undefined ){
        alert(window.undefined);//8
        alert(undefined);//此处undefined参数为局部的名称为undefined变量,值为undefined
    })(window);

Change
225 声望15 粉丝

从不知道到知道,从知道到理解,从理解到深入探索,这是个有趣的过程