22-立即执行函数
千古壹号
(adsbygoogle = window.adsbygoogle || []).push({});
# 立即执行函数 IIFE
# 概念
函数定义完，就立即被调用，这种函数叫做立即执行函数。英文是 IIFE（Immediately-invoked function expression），立即调用函数表达式。
# 语法格式
语法1：
(function() {
// 函数体
})();
1
2
3
2
3
语法2：（立即执行函数也可以传参）
(function() {
// 函数体
})(a, b);
1
2
3
2
3
语法解释：
function(){}这种写法，需要再加一对圆括号，变成``
# 举例
现有匿名函数如下：
function(a, b) {
console.log("a = " + a);
console.log("b = " + b);
};
1
2
3
4
2
3
4
立即执行函数如下：
(function(a, b) {
console.log("a = " + a);
console.log("b = " + b);
})(123, 456);
1
2
3
4
2
3
4
立即执行函数往往只会执行一次。为什么呢？因为没有变量保存它，执行完了之后，就找不到它了。
# IIFE的作用
# 为变量赋值
当给变量赋值需要一些较复杂的计算时，使用IIFE显得语法更紧凑。
const sex = 'male';
const nickName = (function () {
if (sex == 'male') {
return '帅哥';
} else {
return '美女';
}
})();
console.log(nickName);
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
# 将全局变量变为局部变量
现有如下代码：
var arr = [];
for (var i = 0; i < 5; i++) {
arr.push(function () {
console.log(i);
});
}
arr[2](); // 打印5
1
2
3
4
5
6
7
2
3
4
5
6
7
我们知道，上方代码中，i 是全局变量，所有函数共享内存中的同一个变量i。
现在，我们通过立即执行函数进行改造：
var arr = [];
for (var i = 0; i < 5; i++) {
(function (i) {
arr.push(function () {
console.log(i);
});
})(i);
}
arr[2](); // 打印2
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
上方代码中，i作为传递给了IIFE的形参，让 i 得以成为 IIFE 的局部变量；并让 IIFE 并形成了闭包（arr[2]()打印出了IIFE内部变量 i 的值，说明形成了闭包）。
# 赞赏作者
创作不易，你的赞赏和认可，是我更新的最大动力：
