共计 887 个字符,预计需要花费 3 分钟才能阅读完成。
立即执行函数 IIFE
概念
函数定义完,就立即被调用,这种函数叫做立即执行函数。英文是 IIFE(Immediately-invoked function expression),立即调用函数表达式。
语法格式
语法 1:
(function() {// 函数体})();
语法 2:(立即执行函数也可以传参)
(function() {// 函数体})(a, b);
语法解释:
function(){}
这种写法,需要再加一对圆括号,变成 “
举例
现有匿名函数如下:
function(a, b) {console.log("a = " + a);
console.log("b = " + b);
};
立即执行函数如下:
(function(a, b) {console.log("a = " + a);
console.log("b = " + b);
})(123, 456);
立即执行函数往往只会执行一次。为什么呢?因为没有变量保存它,执行完了之后,就找不到它了。
IIFE 的作用
为变量赋值
当给变量赋值需要一些较复杂的计算时,使用 IIFE 显得语法更紧凑。
const sex = 'male';
const nickName = (function () {if (sex == 'male') {return '帅哥';} else {return '美女';}
})();
console.log(nickName);
将全局变量变为局部变量
现有如下代码:
var arr = [];
for (var i = 0; i < 5; i++) {arr.push(function () {console.log(i);
});
}
arr[2](); // 打印 5
我们知道,上方代码中,i 是全局变量,所有函数共享内存中的同一个变量 i。
现在,我们通过立即执行函数进行改造:
var arr = [];
for (var i = 0; i < 5; i++) {(function (i) {arr.push(function () {console.log(i);
});
})(i);
}
arr[2](); // 打印 2
上方代码中,i 作为传递给了 IIFE 的形参,让 i 得以成为 IIFE 的局部变量;并让 IIFE 并形成了闭包(arr[2]()
打印出了 IIFE 内部变量 i 的值,说明形成了闭包)。
正文完