位置: 编程技术 - 正文

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) 就可以了。

实际上转变表达式的办法还是很多的,最常见的办法是把函数声明用一对 () 包裹起来,于是就变成了:

js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?(js立即执行函数作用)

这就等价于:

但是之前我们说不行的那个写法,其实也可以直接用括号包起来,这也是一种等价的表达式:

(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作用域和作用域链作简

本文链接地址:https://www.jiuchutong.com/biancheng/385437.html 转载请保留说明!

上一篇:JavaScript如何获取数组最大值和最小值(js获取)

下一篇:理解 JavaScript Scoping & Hoisting(二)(理解的英文)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络