IIFE
IIFE (Immediately Invoked Function Expression) 是一個定義完馬上就執行的 JavaScript function (en-US)。
他又稱為 Self-Executing Anonymous Function (en-US),也是一種常見的設計模式,包含兩個主要部分:第一個部分是使用Grouping Operator
(en-US) ()
包起來的 anonymous function。這樣的寫法可以避免裡面的變數污染到 global scope。
第二個部分是馬上執行 function 的 expression ()
,JavaScript 引擎看到它就會立刻轉譯該 function。
Examples
Function 轉換為 expression 形式,並且馬上執行,function scope 內的變數在外面是無法存取的。
(function () {
var aName = "Barry";
})();
// Variable name is not accessible from the outside scope
aName // throws "Uncaught ReferenceError: aName is not defined"
把 IIFE 只配給變數會儲存它的結果,而非 function 本身
var result = (function () {
var name = "Barry";
return name;
})();
// Immediately creates the output:
result; // "Barry"
其它形式
符合 JSLint 的版本,行為一樣,只有語意略有差異:
(function () {
var aName = "Barry";
}());
Arrow function 版本,程式碼更為精簡,行為一致:
(() => {
var aName = "Barry";
})();
Async function 版本,目前主要為了 top level await 而使用:
(async function () {
var aName = "Barry";
})();
(async () => {
var aName = "Barry";
})();
更多資訊
學習它
- Quick example (在 "Functions" 部分的最後面, "Custom objects" 的正前面)
基本知識
- IIFE 維基百科