js的立即执行函数

1 js的立即执行函数创建方法
方式1、最前最后加括号

(function(){alert(1);}()); 

方式2、function外面加括号

(function(){alert(1);})(); 

方式3、function前面加运算符，常见的是!与void

!function(){alert(1);}(); 
void function(){alert(2);}(); 
``

2 js的立即执行函数的作用范围及返回值

(function(){var a = b = 5;})();
// var a = b = 5;相当于var a; a = b; b = 5;
// 用var声明了函数变量a, 不用var，声明了全局变量b
console.log(b); //此时全局变量b为5
console.log(a); //a为函数变量，外部访问不到

let func = function() {
    return 1;
}();
console.log(func); //1 

// 不报错也没有执行  
function test(a, b, c, d){
    console.log(a + b + c + d);
}(1, 2, 3, 4);

3 立即执行函数的演变
1：在函数表达式后加括号，可以立即执行函数

var foo = function () {
       console.log("立即执行函数")
   }();

2：在匿名函数后加括号，不可以立即执行函数

 function () {
      console.log("立即执行函数")
  }();//会报错

3 在函数声明后加括号，不可以立即执行函数

function foo() {
         console.log("立即执行函数")
     }()

如果给匿名函数添加一个函数名，也就变成了函数声明，然后在函数声明后加括号，也会报语法错误，因为函数声明会被提升，当提升后就相当于在代码中只写了一对括号，而这个括号和前面的函数声明又没什么关系，所以语法报错

javascript中，括号内不允许包含语句，但可以是表达式
引擎先遇到括号，然后遇到关键字function , 就自动把括号里面的代码识别为函数表达式，而不是函数声明，所以立即执行函数可以这样写(function(){})()
在函数表达式后加括号可以立即执行函数，但如果不把匿名函数赋值给变量，而直接在后边加一个括号，则会报语法错误。因为当JS引擎在遇到function时，会默认把它当作是函数声明，所以必须要有一个函数名

4 js的立即执行函数作用

1、立即执行函数模式被广泛使用，它可以帮你封装大量的工作而不会在背后遗留任何全局变量。立即执行函数：函数执行过后立即被销毁。

2、定义的所有变量都会成员立即执行函数的局部变量，所以你不用担心这些临时变量会污染全局空间。

3、这种模式经常被使用在书签工具(bookmarklets)中，因为书签工具在任何页面上运行并且保持全局命名空间干净是非常必要的；

4、这种模式也可以让你将独立的功能封装在自包含模块中。

5、可以将这些代码封装进一个立即执行函数中，并且确保页面没有它的情况下也能正常工作。
6、可以添加更多的加强模块，移除它们，单独测试它们，允许用户去禁用它们等等。

5 注意点
立即执行函数通常作为一个单独模块使用。一般没有问题，但是，建议在自己写的立即执行函数前加分号，这样可以有效地与前面代码进行隔离。否则，可能出现意想不到的错误。