1. 定义
IIFE
: Immediately Invoked Function Expression
,意为立即调用的函数表达式,也就是说,声明函数的同时立即调用这个函数。
IIFE形式的函数调用:
(function foo(){
var a = 10;
console.log(a);
})();
函数的声明和IIFE
的区别在于,在函数的声明中,我们首先看到的是function
关键字,而IIFE
我们首先看到的是左边的(
。也就是说,使用一对()
将函数的声明括起来,使得JS编译器不再认为这是一个函数声明,而是一个IIFE
,即需要立刻执行声明的函数。
2. 为什么需要IIFE
IIFE
的出现是为了弥补JS在scope
方面的缺陷:JS只有全局作用域(global scope
)、函数作用域(function scope
),从ES6
开始才有块级作用域(block scope
)。那么如何实现作用域的隔离呢?在JS中,只有function
才能实现作用域隔离,因此如果要将一段代码中的变量、函数等的定义隔离出来,只能将这段代码封装到一个函数中。
在JS中,当然声明函数的目的在大多数情况下也是为了复用,但是JS迫于作用域控制手段的贫乏,我们也经常看到只使用一次的函数:这通常的目的是为了隔离作用域了!既然只使用一次,那么立即执行好了!既然只使用一次,函数的名字也省掉了!这就是IIFE的由来。