JavaScript中的IIFE模式

IIFE 是缩写，全拼为’Imdiately Invoked Function Expression’。

IIFE 表达式 是JavaScript中的一种‘立即执行函数’，也是“立即执行函数表达式”。

JavaScript中的三大作用域：js上下执行文件（全局作用域）、函数体、IIFE函数表达式。

特点：
1、实现立即执行，不需要先声明在调用。
2、匿名函数自身不污染全局环境，同时为内部变量提供作用于环境空间。
3、缩写形参有利于内部代码的压缩。
4、提供闭包环境，可以做闭包想做的事情。

基本的IIFE 模式形式：

// 第一种写法，推荐这种写法
(function () {
    // 代码
}());

// 第二种写法
(function () {
    // 代码
})();

我们也可以使用下面这些写法：

var i = function () {return 10;}();

!function () {
    // code
}();

~function () {
    //code
}();

-function () {
    //code
}();

+function () {
    //code
}();

new function () {
    // code
}

new function () {
    // code
}(); // 可以携带参数

无论什么时候，给立即使用函数加上括号是个好习惯。

有时候我们不使用括号()也不会报错，但是我感觉它就变成了普通的函数表达式了。

var i = function () {
    // code
}();

依然推荐加上括号()

var i = (function () {
    //code
}());

IIFE 也能像普通函数一样传参数，而里面的函数可以引用外部的变量和参数(闭包)，利用这一点，我们能使用立即执行函数锁住变量保存状态。

for (var i = 0; i < 5; i++) {
    (function (a) {
        setTimeout(function () {
            console.log(a);
        }, 1000);
    }(i));
}

// 输出结果:0, 1, 2, 3, 4

如果不使用IIFE 那么上例会出现什么情况呢？

for(var i = 0; i < 5; i++) {
    setTimeout(function() {
        console.log(i);  
    }, 1000);
}

// 输出结果：5, 5, 5, 5,5

这就很好的体验到了IIFE 模式的好处，是不是？