这一行代码包含几个知识点。

 

一、首先是(function(){})()。

这是一个立即调用表达式。可以通过最后一个圆括号给立即调用函数传参,比如

(function(w){})(window);

 

它还可以这么写

(function(w){}(window));

 

另外,如果我们不需要funtion的返回值,立即调用表达式我们甚至可以这样写

!function(){}();
~function(){}();
+function(){}();
-function(){}();
……

关于立即调用我这里介绍得比较简单,如果初接触js的童鞋看着费劲请自行度娘,网上介绍这知识的文章挺多。

二、jquery源码中的(function(window, undefined){})(window)

为什么会有个undefined?

jQuery作者是通过这种方式创建另一个值为undefined的变量,取名叫undefined(undefined是可以作为标识符,用作变量名的呦)。仔细琢磨一下,是不是“尼玛”有点意思?自己手敲一下体验体验就知道了。

那么,为什么要把window传进去呢?里面不是直接可以访问window嘛?

这样做其实是为了性能考虑。js寻找一个变量是沿着作用于链逐级往上找的,直到找到位置。把window变为函数内部的一个局部变量,就是为了避免每次使用window时,还得js费劲巴拉地去沿着作用域链一直到顶级才找到window这个家伙。

posted on 2016-01-31 16:25  -大灰羊-  阅读(531)  评论(0编辑  收藏  举报