js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?
没有区别。
你需要明白IIFE的原理,我简单说一下:
functionfoo(){...} //这是定义,Declaration;定义只是让解释器知道其存在,但是不会运行。 foo(); //这是语句,Statement;解释器遇到语句是会运行它的。
IIFE并非必须,传统一点可以这么写:
functionfoo(){...} foo();
那么为什么要IIFE?
1.传统的方法啰嗦,定义和执行分开写;
2.传统的方法直接污染全局命名空间(浏览器里的global对象,如window)
于是,开发者们想找一个可以解决以上问题的写法。那么像下面这么写行不行呢?
functionfoo(...){}();
当然是不能,但是为什么呢?因为functionfoo(...){}这个部分只是一个声明,对于解释器来说,就好像你写了一个字符串"functionfoo(...){}",它需要使用解析函数,比如eval()来执行它才可以。所以把()直接放在声明后面是不会执行,这是错误的语法。
如何把它变得正确?说起来也简单,只要把声明变成表达式(Expression)就可以了。
实际上转变表达式的办法还是很多的,最常见的办法是把函数声明用一对()包裹起来,于是就变成了:
(functionfoo(){...}) //这里是故意换行,实际上可以和下面的括号连起来 ();
这就等价于:
varfoo=function(){...}; //这就不是定义,而是表达式了。 foo();
但是之前我们说不行的那个写法,其实也可以直接用括号包起来,这也是一种等价的表达式:
(functionfoo(){...}());
所以你问有没有区别?很简单:木有~
另外,刚才说过转变表达式的方式很多,的确还有很多别的写法,比如:
!functionfoo(){...}();
或者
+functionfoo(){...}();
这些都可以。
我个人挺偏爱用void来转变表达式,因为此关键字不会有返回值。不过这一点真的没有什么要紧的,就当我“龟毛”好了……
voidfunction(){ //这里是真正需要的代码 }();
OK,所谓不去污染全局命名空间,是因为IIFE创建了一个新的函数作用域,你真正的业务代码被封装在其中,自然就不会触碰到全局对象了。如果你需要全局对象,那就pass给IIFE:
voidfunction(global){ //在这里,global就是全局对象了 }(this) //在浏览器里,this就是window对象
我在这里写过一个系列,其中一篇讲作用域和命名提升的,里面的知识点对理解IIFE有帮助,有兴趣的话可以继续深入阅读:https://www.nhooo.com/article/75090.htm
方式一,调用函数,得到返回值。强制函数直接量执行再返回一个引用,引用在去调用执行
方式二,调用函数,得到返回值。强制运算符使函数调用执行
(function(){})();是把函数当作表达式解析,然后执行解析后的函数
相当于vara=function(){};a();a得到的是函数
(function(){}());是把函数表达式和执行当作语句直接执行、
相当于vara=function(){}();a得到的是结果
最终结果是一样的、
()只是起了自执行的作用
和()一样的还有很多
比如+function(){}
这个等于(function(){})一般用(function(){})还有个作用,就是避免全局变量