IIFE 在JavaScript 中主要用於避免全局變量污染、創(chuàng)建獨(dú)立作用域捕獲變量值和執(zhí)行一次性初始化任務(wù)。 1. 它通過(guò)提供私有作用域防止變量暴露到全局，減少命名衝突；2. 利用閉包特性在循環(huán)中為每個(gè)迭代創(chuàng)建獨(dú)立作用域，正確捕獲當(dāng)前變量值；3. 用於執(zhí)行只需一次的初始化邏輯，如配置加載。儘管ES6 模塊系統(tǒng)降低了其使用頻率，但在特定場(chǎng)景下IIFE 仍具實(shí)用價(jià)值。

JavaScript 中的IIFE（Immediately Invoked Function Expression，立即調(diào)用函數(shù)表達(dá)式）是一種常見(jiàn)的寫(xiě)法，它的主要作用是在定義函數(shù)的同時(shí)就立刻執(zhí)行它。這種模式在早期JavaScript 開(kāi)發(fā)中非常流行，尤其在模塊化和避免全局變量污染方面有重要作用。

下面我們就來(lái)看看IIFE 的常見(jiàn)用途和使用場(chǎng)景。

1. 避免全局變量污染

JavaScript 在沒(méi)有模塊系統(tǒng)之前，所有在全局作用域中聲明的變量都會(huì)成為window對(duì)象的屬性（在瀏覽器環(huán)境中）。如果多個(gè)腳本都隨意定義變量，很容易造成命名衝突。

IIFE 提供了一個(gè)私有作用域，在這個(gè)作用域內(nèi)定義的變量不會(huì)暴露到全局環(huán)境中。例如：

 (function () {
  var name = "Alice";
  console.log(name); // Alice
})();

console.log(name); // 報(bào)錯(cuò)：name is not defined

這樣可以保護(hù)變量不被外部訪問(wèn)，也防止和其他代碼產(chǎn)生衝突。

常見(jiàn)做法是將需要封裝的邏輯放在IIFE 內(nèi)部，只暴露必要的接口，比如返回一個(gè)對(duì)像或函數(shù)。

2. 創(chuàng)建獨(dú)立的作用域來(lái)捕獲變量值

在早期JavaScript 中（ES5 及以前）， var聲明的變量沒(méi)有塊級(jí)作用域，這在循環(huán)中容易導(dǎo)致問(wèn)題。比如：

 for (var i = 0; i < 3; i ) {
  setTimeout(function () {
    console.log(i); // 輸出三次3
  }, 100);
}

這個(gè)問(wèn)題可以通過(guò)IIFE 來(lái)解決，因?yàn)樗鼮槊看窝h(huán)創(chuàng)建一個(gè)新的作用域：

 for (var i = 0; i < 3; i ) {
  (function (i) {
    setTimeout(function () {
      console.log(i); // 輸出0, 1, 2
    }, 100);
  })(i);
}

這個(gè)技巧利用了閉包和IIFE 獨(dú)立作用域的特點(diǎn)，確保每個(gè)setTimeout捕獲的是當(dāng)前循環(huán)的i值。

3. 初始化一次性任務(wù)

有些代碼只需要執(zhí)行一次，比如初始化配置、設(shè)置默認(rèn)值或者加載資源等。使用IIFE 可以清晰地表達(dá)“這段代碼只運(yùn)行一次”的意圖。

比如：

 var config = (function () {
  var defaultConfig = { theme: "dark", debug: false };
  // 可能從服務(wù)器獲取實(shí)際配置並合併return Object.freeze(defaultConfig);
})();

這樣做的好處是：

• 配置的生成邏輯被封裝起來(lái)
• 結(jié)果只計(jì)算一次
• 返回值可以被其他地方安全引用

小貼士：IIFE 的幾種寫(xiě)法

IIFE 的本質(zhì)是一個(gè)函數(shù)表達(dá)式，在定義後立即執(zhí)行。常見(jiàn)的寫(xiě)法包括：

• (function () {})();
• (function () {}())
• !function () {}();
• function () {}();

最後兩種雖然也能工作，但可讀性略差，一般推薦前兩種寫(xiě)法。

基本上就這些。 IIFE 雖然在ES6 模塊系統(tǒng)普及後使用頻率有所下降，但在某些特定場(chǎng)景下仍然很有用，特別是在需要控製作用域和執(zhí)行時(shí)機(jī)的地方。

以上是JavaScript IIFE的目的和使用（立即調(diào)用函數(shù)表達(dá)式）的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！