1. 程式人生 > >js 立即執行函式

js 立即執行函式

立即執行函式

目錄

  • 立即執行函式
  • 作用
  • 引數
  • 返回值

立即執行函式

立即執行函式模式是一種語法,可以讓你的函式在定義後立即被執行。

立即執行函式的組成

  • 定義一個函式
  • 將整個函式包裹在一對括號中 將函式宣告轉換為表示式
  • 在結尾加上一對括號 讓函式立即被執行

程式碼例項

(function () {
    console.log("app")
})()

作用

  • 頁面載入完成後只執行一次的設定函式。
  • 將設定函式中的變數包裹在區域性作用域中,不會洩露成全域性變數。

引數

程式碼例項1

(function (who) {
    console.log("I miss you, " + who)
})("kangkang")

程式碼例項2

(function (global) {
    console.log(global)
})(this)

通常,全域性變數被作為一個引數傳遞給立即執行引數,這樣它在函式內部不使用window也可以被訪問到。

注意

通常你不應該給立即執行函式傳遞太多的引數,因為它很快會成為一個負擔——為了理解程式碼是如何工作的,你不得不經常上下滾動原始碼。

返回值

就像其它任何函式一樣,一個立即執行函式也能返回值並且可以賦值給其它變數。

var num = (function () {
    return 4
})()
console.log(num)