js 函数与表达式-- (function(){...})() 与 (function(){...}())有没有区别
来源:互联网 发布:淘宝用支付宝怎么付款 编辑:程序博客网 时间:2024/06/07 05:26
答案是没有区别
你需要明白 IIFE 的原理,我简单说一下:
function foo() {...} // 这是定义,Declaration;定义只是让解释器知道其存在,但是不会运行。foo(); // 这是语句,Statement;解释器遇到语句是会运行它的。
IIFE 并非必须,传统一点可以这么写:
function foo() {...}foo();
那么为什么要 IIFE?
传统的方法啰嗦,定义和执行分开写;
传统的方法直接污染全局命名空间(浏览器里的 global 对象,如 window)
于是,开发者们想找一个可以解决以上问题的写法。那么像下面这么写行不行呢?
function foo(...){}();
当然是不能,但是为什么呢?因为 function foo(…){} 这个部分只是一个声明,对于解释器来说,就好像你写了一个字符串 “function foo(…){}”,它需要使用解析函数,比如 eval() 来执行它才可以。所以把 () 直接放在声明后面是不会执行(因为解释器会把“foo(…){}()”解释称一个函数名字,这样理解也不对,上面的意思是对的),这是错误的语法。
如何把它变得正确?说起来也简单,只要把 声明 变成 表达式(Expression) 就可以了。
实际上转变表达式的办法还是很多的,最常见的办法是把函数声明用一对 () 包裹起来,于是就变成了:
(function foo() {...}) // 这里是故意换行,实际上可以和下面的括号连起来();
这就等价于:
var foo = function () {...}; // 这就不是定义,而是表达式了。foo();
但是之前我们说不行的那个写法,其实也可以直接用括号包起来,这也是一种等价的表(function foo(){…}());问有没有区别?很简单:木有~
另外,刚才说过转变表达式的方式很多,的确还有很多别的写法,比如:
!function foo() {...}();
或者
+function foo() {...}();
这些都可以。
我个人挺偏爱用 void 来转变表达式,因为此关键字不会有返回值。不过这一点真的没有什么要紧的,就当我“龟毛”好了……
void function () { // 这里是真正需要的代码}();
OK,所谓不去污染全局命名空间,是因为 IIFE 创建了一个新的函数作用域,你真正的业务代码被封装在其中,自然就不会触碰到全局对象了。如果你需要全局对象,那就 pass 给 IIFE:
void function (global) { // 在这里,global 就是全局对象了}(this) // 在浏览器里,this 就是 window 对象
转自:https://segmentfault.com/q/1010000000442042
- js 函数与表达式-- (function(){...})() 与 (function(){...}())有没有区别
- js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?
- js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?
- (function ( ){...})( ) 与 (function ( ){...}( )) 有区别
- 立即执行函数: (function ( ){...})( ) 与 (function ( ){...}( )) 有什么区别?
- 立即执行函数: (function ( ){...})( ) 与 (function ( ){...}( )) 有什么区别?
- js立即执行函数: (function ( ){})( ) 与 (function ( ){}( ))
- 为您解惑:立即执行函数: (function ( ){...})( ) 与 (function ( ){...}( )) 有什么区别.........
- function 与 new function 区别
- js中 var a = function(){} 与function b(){}两种函数声明的区别
- 箭头函数与function的区别
- Function 与 Functor 区别
- js中function与new function
- js 语法 new function与function
- Function 与 new Function 的区别
- jQuery(function(){})与(function(){})(jQuery)的区别
- jQuery(function(){ }) 与 (function(){ })(jQuery); 区别
- jQuery(function(){ }) 与 (function(){ })(jQuery); 区别
- 优化算法—粒子群算法(PSO)
- CentOS6.6安装opensips及mediaproxy实现ICE-第二部分 2015-05-26 18:27:14
- 某网盘android版过签名验证
- Hibernate进阶(3)对象类型
- vs2003远程调试总结
- js 函数与表达式-- (function(){...})() 与 (function(){...}())有没有区别
- window系统下备份远程服务器mysql数据库
- TCP/UDP交互流程
- Google’s BigTable
- Vi 退格键、方向键无法使用
- JQuery的选择器
- A跳到B并打开B中指定页面
- Weex初体验
- android 点击webView中的按钮修改布局问题