JavaScript 中的立即呼叫函數表達式 (IIFE) 是什麼？

理解JavaScript 中的(function() { } )() 構造

(function() { } )() 構造，也稱為立即呼叫函數表達式(IIFE)，是JavaScript 中用於在建立函數後立即定義和執行函數的獨特模式。與由特定事件觸發的事件處理程序不同，IIFE 在遇到事件時立即執行。

語法和結構

IIFE 由兩個主要部分組成：

• 表達式包裝： 第一部分涉及包裝函數括號中的表達式：(function() { } )。這定義了一個函數，但尚未呼叫它。
• 立即呼叫：要執行函數，需要在最後加上一組附加括號：(function() { } ) ()。這部分立即呼叫函數。

說明

外括號建立一個包含函數定義的表達式。不帶參數的內括號會導致函數自動執行。

IIFE 的優點

IIFE 有以下幾個優點：

• 命名空間隱私： IIFE 內的變數和函數的作用域是在函數內，防止它們污染全域命名空間。
• 程式碼可重複使用性： IIFE 可用於模組化程式碼，使其更容易在應用程式的不同部分中重複使用。
• 效能最佳化：透過將程式碼包裝在 IIFE中，解析器可以在先前進行最佳化

範例

考慮以下程式碼區塊：

(function() {
  var myVariable = 'Hello';
  console.log(myVariable);
})();

當此程式碼執行時，myVariable 變數只能在以下範圍內存取IIFE。在函數之外，它保持未定義狀態。

與 document.onload 的區別

雖然 IIFE 和 document.onload 都可能涉及立即執行，但它們的目的不同。 document.onload 是一個事件處理程序，在執行其函數之前等待 DOM 載入。另一方面，IIFE 獨立於任何事件執行，主要用於封裝和程式碼重用。

以上是JavaScript 中的立即呼叫函數表達式 (IIFE) 是什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！