JavaScript 学习-46.立即执行函数

Posted 2022-09-26 上海-悠悠

前言

立即执行函数有以下作用

• 创建一个独立作用域，这个作用域里面的变量，外部访问不到，避免变量污染。
• 闭包和私有数据

使用语法

有两种写法

// 第一种：用括号把整个函数定义和括号调用包裹起来
(function()
 // 函数体
())

// 第二种：用括号把函数定义包裹起来，后面再加括号调用
(function ()
 // 函数体
)()

一般用第二种会多一些

(function ()
 // 函数体
)()

示例

使用示例1.匿名函数直接执行

// 匿名函数
(function ()
    let x = 'hello'
    let y = 'world'
    console.log(x+y)
)()

使用示例2.实现闭包的作用

const m = (function()
    let x = 'hello';
    let y = 'world'
    return  function() 
        return x+y
    

)()

console.log(m());

模块化

使用立即执行函数，可以不暴露私有成员

var m = (function() 
    var num = 0;
    var f1 = function() 
      return num
    
    var f2 = function() 
        return num + 1
    
    return 
      f1: f1,
      f2: f2
    
)()

console.log(m.f1())

函数 f1() 和 f2()，都封装在 m 对象里。使用的时候，调用这个对象的属性。