203.(function ($){}())、(function($){})()、$(function(){})三者的区别 2019.09.03

1、(function($){…}())

立即执行函数

2、(function($){…})()

(funtion(){…})()：立即执行函数，相当于先声明一个函数，声明完后直接调用；
延伸： (function($){…})(jQuery)：实际上是匿名函数

• 这里实际上是匿名函数 function(arg){…} ，这就定义了一个匿名函数，参数为arg，
• 而调用函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，
• 即： (function(arg){…})(param) 。这就相当于定义了一个参数为arg的匿名函数，并且将param作为参数来调用这个匿名函数，
• 而(function(){…})(jQuery)则是一样的，之所以只在形参使用，是为了不与其他库冲突，所以实参用jQuery var fn = function($){…}; fn(jQuery);

(function(){…}())、(function(){…})() ，这两种写法，都是一种立即执行函数的写法。这种函数在函数定义的地方就直接执行了。

3、$(function(){})

$(document).ready(function(){ … });

可以简写成：

$(function(){ … });

是在页面DOM加载完成后执行的回调函数，并且只会执行一次。

4、参考链接：

【01】CSDN-js中(function(){}()),(function(){})(),$ (function(){});之间的区别
【02】博客园-$ (function(){})与(function($){})的区别