本文内容转自博客http://weizhifeng.net/immediately-invoked-function-expression.html
以下有三种执行立即执行函数的代码,为了方便,我们命名为A方法、B方法、C方法
function () {console.log("f1");}(); // SyntaxError: Unexpected token
(function(){ console.log("test");})(); // test
(function(){ console.log("test");}()); // test
为什么第一种方式会报错?
在JavaScript中,默认看到function关键字,就会将其作为函数声明来执行,而js中函数声明语句的格式为
function name([param] [, param] [..., param]) {
statements
}
很明显,A方法并不合乎格式。
而为什么B、C方法能正常运行呢?
js默认将()中的内容视为表达式,因此并不会因为不合乎函数声明语句的格式而报错。通过表达式,返回函数,然后通过后面的()再执行函数。返回了test。
由此可见,只要能让JavaScript解释器以「函数表达式」而不是「函数声明」来处理匿名函数的立即执行就可以了,把语句放在()之中只是其中的一种方法而已,根据这个思路我们可以用其他方式来实现同样的目的,比如:
// 如果本身就是expression,那么根本不需要做任何处理
var i = function(){ return 10; }();
true && function(){ /* code */ }();
0, function(){ /* code */ }();
// 如果你不在乎返回值,可以这么做
!function(){ /* code */ }();
~function(){ /* code */ }();
-function(){ /* code */ }();
+function(){ /* code */ }();
// 还有更奇葩的方式,但是不知道性能如何,来自
// http://twitter.com/kuvos/status/18209252090847232
new function(){ /* code */ }
new function(){ /* code */ }()