IIFE理解(function () { /*code*/ })()

函数声明

在JS中只要是function开头，则认为是函数声明，而函数声明后面不能直接加()进行直接调用

function a(){ /*code*/ }()            //编译错误

但是在function前加上一元运算符之后，却没有问题了

 +function( $ ) {
     /* jquery code*/
 })(window.jQuery);

函数表达式

通过函数表达式定义的函数可以是匿名的，也可以是命名的。当出错时，如果是命名函数表达式，堆栈跟踪会显示函数名，更容易寻找错误。

var res = function(){ /*code*/ }      //‘}’后面不用写分号

var res = function name(){ /*code*/ }      

立即调用函数表达式(IIFE)

定义： 创建一个函数，并立即执行它(使用括号)，由于外部无法引用它内部的变量，因此在执行完后很快就会被释放，这种机制不会污染全局对象。

var q = (function test1(){
        var a = 10;
        return a;
    }()); //q存储的不是函数表达式，而是其返回值
q //10
a //undefined
var f = function test1(){
        var a = 10;
        return a;
    }; //此时为函数表达式，f是函数test1的一个引用
f //返回函数test1
f() //10

在JS中括号、一元运算符如+、-、！、&&等可以用来消除函数声明与函数表达式之间的歧义。但使用运算符可能改变返回值，因此推荐使用括号。下列语句可以执行

(function () { /* code */ } ()); // 推荐使用这个
(function () { /* code */ })(); // 但是这个也是可以用的
!function(){ /* code */ }();  //使用运算符需注意值的改变

回到开头的问题，为什么第二种写法可以：

首先需要了解的是，在一个表达式后面加上括号()，该表达式会立即执行，但是在一个语句(声明语句)后面加上括号()，是完全不一样的意思，他的只是分组操作符(grouping operator)，分组操作符中需要包含表达式

当js编译器开始执行的时候，碰见function之后，看到它周围没有任何东西。于是就把function关键字解析成函数声明，声明语句后的（）是一个分组操作符，而分组操作符中必须包含表达式，因此导致后面运行出错了。

我们只需要用一个括号把这个匿名函数包裹起来，或者前面使用如-,~,!,&&这种其它的一元操作符，目的是告诉解析器在这些特定操作符附近的是一个表达式，避免js编译器将function关键字解析成函数声明，然后代码就能够正常执行

IIFE与闭包

需要注意的是，IIFE与闭包并没有必然的联系，并不是所有的IIFE都是闭包，闭包也不等于IIFE。IIFE是在函数表达式之后加括号表示立即执行，而闭包则是内层函数调用了外层函数的变量

参考：
https://www.cnblogs.com/lvmylife/p/8302644.html
http://benalman.com/news/2010/11/immediately-invoked-function-expression/