一直以来，Javascript都是网页设计师或是程序员经常接触的语言之一。Javascript的功能众多，它不仅可以处理客户端的交互逻辑，还可以操作DOM来改变网页的外观和行为。而IIFE就是Javascript中非常重要的一个概念，今天我们就来探讨一下什么是IIFE以及它的作用。 IIFE的全称是Immediately Invoked Function Expression（立即执行函数表达式），顾名思义，它是在定义后立即执行的一个函数表达式。通俗的说，就是在定义函数表达式的同时，立刻把它执行起来。这样就可以实现把一个作用域封装在一个函数内部，从而避免了全局变量的污染，增加代码的安全性和可维护性。 下面我们来看一个简单的例子：

<script>
(function(){
var a = 1;
var b = 2;
var sum = a + b;
console.log("sum = " + sum);
})();
</script>

在这个例子中，我们定义了一个匿名函数，并在函数后加上了括号，这样就形成了一个IIFE。在函数内部，我们定义了两个变量a和b，然后用这两个变量计算了它们的和。最后，我们在控制台上输出了计算结果。在函数的最后，我们把它用一对括号括起来，并把这个函数放在一个立即执行的上下文中。 你可能会想，如果只是为了实现这个功能，普通的函数定义也可以啊！的确，普通的函数也能完成这个功能，但是它并不能把变量封装在一个局部作用域中，而且在一些函数中还可能会暴露出一些不必要的变量。而IIFE则能够提供更好的封装效果，并且避免变量的泄漏。 另一个用处四二在模拟块级作用域。在Javascript中，本来是没有块级作用域的，只有函数作用域和全局作用域。如果我们想要在代码块中定义一些变量，它们只能在这个代码块中使用，而不能在代码块外被访问到。这个时候，IIFE就派上用场了。

<script>
(function(){
var a = 1;
if(a === 1){
var b = 2;
console.log("b = " + b);
}
console.log("b = " + b);
})();
</script>

在这个例子中，我们定义了一个函数，并在函数体内定义了两个变量a和b，其中a的初始值为1。然后，我们用if语句来判断a是否等于1，如果是的话，就在if代码块中定义了一个变量b，并将其初始值设为2。最后，我们在控制台上分别输出了变量b的数值。 我们可以发现，在if代码块的外面，我们依旧能够访问到变量b，并且它的值也正好是2。这是为什么呢？这是因为Javascript中并没有块级作用域，所有在代码块中定义的变量，其作用域都是函数作用域。但是，我们可以通过IIFE来模拟出块级作用域，从而避免这种不必要的变量泄漏。

<script>
(function(){
var a = 1;
if(a === 1){
(function(){
var b = 2;
console.log("b = " + b);
})();
}
console.log("b = " + b);
})();
</script>

在这个例子中，我们在if代码块中又定义了一个函数，并把变量b定义在这个函数内部。通过这样的一层层封装，我们就可以模拟出块级作用域，从而避免变量的泄漏。 综上所述，IIFE在Javascript中的作用非常重要，它不仅可以提供一个良好的封装效果，增加代码的安全性和可维护性，还可以模拟块级作用域，避免变量的泄漏，是一种非常好的编程实践。