IIFE语法简单学习

在js中，function() {}  由于函数声明并没有声明函数名，不符合语法规则，会提示语法错误。当使用一个圆括号括起来整个函数，会被当成一个表达式来对待。因为函数表达式可以是匿名的，所以这个是语法通过的。由于函数没有赋值给变量。没办法持有它的引用。为了执行这个函数。就是它后面加一个圆括号。然后变成一个立即被调用的函数表达式，大概长下面这样：

<span style="font-size:12px;">(function() {
    // ...
})();
</span>

这就是IIFE的语法了。

这里要说的是，下面这种写法也是被支持的

<span style="font-size:12px;">(function() {
    // ...
}());</span>

如果硬要给这个匿名的函数加上一个名字，那就变成了一个实名的函数表达式，效果也是相同的

<span style="font-size:12px;">(function xxx() {
    // ...
})();
</span>

在ECMAscript 2015中，函数声明又多了一种新的函数声明方式（箭头函数），长这个样子：

<span style="font-size:12px;">(() => {
    // ...
})();</span>

看着就觉得累。。。

感谢这篇博客：https://github.com/xitu/gold-miner/blob/master/TODO/disassembling-javascripts-iife-syntax.md