位置: 编程技术 - 正文
js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?(js立即执行函数作用)
编辑：rootadmin推荐整理分享js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?(js立即执行函数作用)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:js立即执行函数作用,js立即执行函数的this,js立即执行函数async,JS立即执行函数,js立即执行函数几种写法,js立即执行函数作用,js立即执行函数和闭包,js立即执行函数几种写法,内容如对您有帮助，希望把文章链接给更多的朋友！
没有区别。
你需要明白 IIFE 的原理，我简单说一下：
IIFE 并非必须，传统一点可以这么写：
那么为什么要 IIFE？1.传统的方法??拢?ㄒ搴椭葱蟹挚?矗?br />2.传统的方法直接污染全局命名空间（浏览器里的 global 对象，如 window）
于是，开发者们想找一个可以解决以上问题的写法。那么像下面这么写行不行呢？
function foo(...){}();
当然是不能，但是为什么呢？因为 function foo(...){} 这个部分只是一个声明，对于解释器来说，就好像你写了一个字符串 "function foo(...){}"，它需要使用解析函数，比如 eval() 来执行它才可以。所以把 () 直接放在声明后面是不会执行，这是错误的语法。
如何把它变得正确？说起来也简单，只要把 声明 变成 表达式（Expression） 就可以了。
实际上转变表达式的办法还是很多的，最常见的办法是把函数声明用一对 () 包裹起来，于是就变成了：
这就等价于：
但是之前我们说不行的那个写法，其实也可以直接用括号包起来，这也是一种等价的表达式：
(function foo(){...}());
所以你问有没有区别？很简单：木有～
另外，刚才说过转变表达式的方式很多，的确还有很多别的写法，比如：
!function foo() {...}();
或者
+function foo() {...}();
这些都可以。
我个人挺偏爱用 void 来转变表达式，因为此关键字不会有返回值。不过这一点真的没有什么要紧的，就当我“龟毛”好了……
OK，所谓不去污染全局命名空间，是因为 IIFE 创建了一个新的函数作用域，你真正的业务代码被封装在其中，自然就不会触碰到全局对象了。如果你需要全局对象，那就 pass 给 IIFE：
我在这里写过一个系列，其中一篇讲作用域和命名提升的，里面的知识点对理解 IIFE 有帮助，有兴趣的话可以继续深入阅读： 是 把函数当作表达式解析，然后执行解析后的函数相当于 var a = function(){}; a(); a得到的是函数(function(){}()); 是把函数表达式和执行当作语句直接执行、相当于 var a = function(){}(); a得到的是结果最终结果是一样的、()只是起了 自执行的作用和 () 一样的还有很多比如 +function (){}这个等于 (function (){}) 一般用(function (){}) 还有个作用,就是 避免全局变量
理解 JavaScript Scoping & Hoisting（二） Scoping&Hoistingvara=1;functionfoo(){if(!a){vara=2;}alert(a);};foo();上面这段代码在运行时会产生什么结果？尽管对于有经验的程序员来说这只是小菜一碟，不过我还
每天一篇javascript学习小结（属性定义方法） 定义(Definition).定义属性需要使用相应的函数,比如:Object.defineProperty(obj,"prop",propDesc)如果obj没有prop这个自身属性,则该函数的作用是给obj添加一个自身属性
跟我学习javascript的作用域与作用域链 作用域是JavaScript最重要的概念之一，想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域和作用域链作简
标签: js立即执行函数作用
本文链接地址:https://www.jiuchutong.com/biancheng/385437.html 转载请保留说明！上一篇：JavaScript如何获取数组最大值和最小值(js获取)
下一篇：理解 JavaScript Scoping & Hoisting（二）(理解的英文)
