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

前言

立即执行函数有以下作用

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

使用语法

有两种写法

// 第一种：用括号把整个函数定义和括号调用包裹起来
(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 对象里。使用的时候，调用这个对象的属性。