【JS】Java Script 立即执行函数IIFE

立即执行函数
立即执行函数模式是一种语法，可以让你的函数在定义后立即被执行。

---

立即执行函数的组成

• 定义函数
• 将函数声明转换成表达式：用一对括号包裹住
• 在括号后面再加上一对括号，让函数立即执行。

//1.写一个函数声明
function (){/*..代码..*/}
//2.将函数声明转换成表达式
(function (){/*..代码..*/})
//3.在括号后面再加上一对括号，让函数立即执行
(function (){/*..代码..*/})();
//括号在外面

除了上面这种，立即执行函数还有一种常见的形式：

( function (){…} () );
//括号在里面

上面的两种写法都是等价的。
想要立即执行函数做到立即执行，有两点是要注意的：

1. 函数体后面要有小括号
2. 函数体必须是表达式而不能够是函数声明

如何将函数体从函数声明转换成表达式呢？
在函数体前面使用运算符，例如! + - =等运算符。

//1.使用括号()运算符
(function (parameter){/*..代码..*/}(parameter));
//2.也是使用括号运算符
(function (parameter){/*..代码..*/})(parameter);
//3.使用!运算符
!function (parameter){/*..代码..*/}(parameter);
//4.使用+运算符
+function (parameter){/*..代码..*/}(parameter);
//5.使用-运算符
-function (parameter){/*..代码..*/}(parameter);
//6.使用=运算符
var i = function (parameter){/*..代码..*/}(parameter);

上面的这些形式都可以达到立即执行的效果。

---

作用

1. 页面加载完成后只执行一次的设置函数
2. 将设置函数中的变量包裹再局部作用区域，不会泄露成全局变量
   //常用于第三方库，例如JQuery，因为任何一个第三方库都存在大量的变量和函数，为了避免变量污染，就可以通过使用立即执行函数来隔离作用域。
   //原理：通过定义一个匿名函数，创建了一个新的函数作用域，相当于创建了一个私有的命名空间，该空间的变量和方法不会污染全局的命名空间。若是想访问全局对象，只需要将全局对象以参数的形式传进去即可。

---

传递参数

(function(name){
	console.log("hello,"+name);
})("Maccx");
//输出：hello,Maccx

(function (global){
    console.log(global)
})(this)
//通常，全局变量被作为一个参数传递给立即执行参数，
//这样它在函数内部不使用window也可以被访问到

有一点要注意的就是：尽量不要给立即执行函数太多参数，免得代码变得难理解。

---

返回值
立即执行函数也可以返回值并且可以给其它变量赋值。

var number= (function () {
    return 1433223
})()
console.log(num)
//输出：1433223