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)