javaScript:當即執行函數表達式的學習筆記

• 經常使用簡寫名爲：IIFE

• 全稱：Immediately Invoked Function Expression

• 解釋：IIFE是指當即調用的函數表達式，也就是說，聲明函數的同時當即調用函數自己

結構

(function 方法名(){
    // 方法的主體邏輯
})()
複製代碼

對比

一、普通的方法定義跟調用

// 定義一個koa的方法
function koa() {
    console.log('輸出一個bug！')
}
// 調用剛剛定義的方法
koa()
複製代碼

二、IIFE形式的方法定義跟調用

(function koa(){
    console.log('輸出一個bug！')
})()
複製代碼

轉變表達式的寫法

一、()() 雙括號

(function koa(){
    console.log('輸出一個bug！')
})()
複製代碼

二、單括號，函數後面在加一個（）

(function(){
    console.log('輸出一個bug！')
}())
複製代碼

三、!

!function(){
    console.log('輸出一個bug！')
}()
複製代碼

四、+

+function(){
    console.log('輸出一個bug！')
}()
複製代碼

五、void

void function(){
    console.log('輸出一個bug！')
}()
複製代碼

爲何須要IIFE

• 一、隔離做用域

• 二、寫法更加優雅，避免囉嗦的定義跟調用