MDN wants to learn about developers like you:

翻譯不完整。請協助 翻譯此英文文件

IIFE (Immediately Invoked Function Expression) 是一個定義完馬上就執行的 JavaScript function

他又稱為 Self-Executing Anonymous Function,也是一種常見的設計模式,包含兩個主要部分:第一個部分是使用Grouping Operator () 包起來的 anonymous function。這樣的寫法可以避免裡面的變數污染到 global scope。

第二個部分是馬上執行 function 的 expression (),JavaScript 引擎看到它就會立刻轉譯該 function。


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";

Learn more

Learn about it

  • Quick example (at the end of the "Functions" section, right before "Custom objects")

General knowledge


 此頁面的貢獻者: othree
 最近更新: othree,