《JQuery技术内幕》读书笔记——自调用匿名函数剖析

时间:2022-04-25
本文章向大家介绍《JQuery技术内幕》读书笔记——自调用匿名函数剖析,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

Javascript语言中的自调用匿名函数格式如下:

(function(){
//do somethings
})();

它还有另外两种等价写法如下:

//等价写法一
(function(){
//do somthings
}());
//等价写法二
!function(){
//do somethings
}();

JQuery采用的是第一种写法

(function(window,undefined){
    //...
})(window);

自调用匿名函数创建了一个独立的作用域,从而与全局以及其他类库的作用域分开,互相不污染变量。

一、JQuery将window对象最为参数传入函数域,从而使window对象成为JQuery函数域的局部变量,这样做的好处是:

  1.访问局部变量比访问全局变量的代价花销低很多,JQuery访问局部window对象时,不必通过作用域链调回全局来访问,从而更加快速的访问window对象。这一点在以后开发类库的时候是很好的优化方式;

  2.代码压缩优化。被压缩后的代码如下:

(function(a,b){})(window);

二、JQuery的第二个参数是undefined。

与null不同,undefined并不是一个数据类型,而是一个预定义的全局变量(参照JavaScript权威指南44页),它是可以被修改的(并不是所有浏览器都支持)。JQuery将undefined作为参数传入函数域,一方面是为了代码压缩优化;另一方面是为了防止修改undefined的行为影响JQuery作用域,确保在JQuery作用域内,undefined就是undefined,不是被修改的其他值。

三、自调用匿名函数的分号不能省略。

在JavaScript中,多行语句是可以省略单行句尾分号的,但是对于自调用匿名函数,不论是其之前的分号还是自身末尾的分号,最好都不要省略,如果省略可能会报错(尤其是在一些旧浏览器中)。