js匿名函数

页面代码常有这样的代码，(function($){...})(jQuery)，刚开始的时候总是不好理解。这其实是javascript的匿名函数，先定义了个函数，然后又马上调用了它。而调用函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，于是就有了下面这种形式：

(function(arg){...})(param) 

      (function($){...})(jQuery)就符合上面那种形式，$是形参、jQuery是实参。匿名函数块常用来做自定义初始化操作。

我们从js的函数执行逆回去才能看清他的执行过程.

如果有一个带一个参数的函数a (这里先不定义函数a,就是假设已经有了) 那么他执行就是a(b);这种样式.

我们还知道, js的匿名函数很强大, var c=function(paramC){…};那么c(paramCobj); 就是执行了这个匿名函数.

所以, 就刚才的a(b);来说, a可以是匿名函数.a=function(paramA){…}; a(b); 有可能就是这个结构.

好了, jquery连第一步都省了,直接使用没有名称的匿名函数.那么a(b); 这里的a,就被替换成了匿名函数, 所以就成了

(function(paramA){…})(b);

(匿名函数在js中因为也是对象,所以需要双括号包裹起来) 这个结构就说明了,我使用了匿名函数,并且立刻执行这个匿名函数.

 

再分析

(function(paramA){…})(b)

这种格式, 匿名函数部分参数paramA是个形参, 用在匿名函数内部作为值的调用, 而b这个参数就是个实参, 是将b这个值代入到函数内部.

大部分时候,

(function($) {…})(jquery);

所在的上下文环境中,肯本没有jquery这个参数,所以在jquery匿名函数内, 他会自己创建jquery对象.

我这里再简要说明下,

(function($) {…})(jquery);

和

a=function($) {…};

a(jquery);

等价.

所以,这种写法就是为了让匿名函数立即执行.