一直以來，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中的作用非常重要，它不僅可以提供一個良好的封裝效果，增加代碼的安全性和可維護性，還可以模擬塊級作用域，避免變量的泄漏，是一種非常好的編程實踐。