js中的立即执行函数

本文内容转自博客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 */ }()