javascript闭包

js闭包

JS语言的特有现象，是JS中的一个难点，也是这门语言的特色。很多的高级应用都是依靠闭包来实现的。
函数内部又定义了一个函数，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

JS中变量的作用域

• 全局变量

  函数外部定义，全局范围有效
  始终保存在内存中，随着程序的执行完毕(页面关闭)而销毁

• 局部变量

  函数内部定义，函数内部有效
  随着函数的执行完毕而销毁

了解闭包

闭包的生成有三个必要条件(缺一不可)

1. 在函数 A 内部直接或者间接返回一个函数 B
2. B 函数内部使用着 A 函数的私有变量(私有数据)
3. A 函数外部有一个变量接受着函数 B
+ 形成了一个不会销毁的函数空间

闭包空间

1. 我们管这个不会销毁的 a 函数的执行空间叫做 闭包空间
2. 把函数 a 里面返回的 函数 b, 叫做函数a 的 闭包函数
3. 官方给的定义有一句话: 闭包 => 函数内部的函数

    function a() {
      // 这个 num 变量就是函数 a 的私有变量
      var num = 100

      return function b() {
        console.log(num)
      }
    }
        // res 接受的是 a 函数执行以后的返回值
        // res 接受的就是函数 a 内部返回的一个复杂数据类型(函数b)
        //   导致函数 a 的执行空间不会销毁
    var res = a(); // 从现在开始, res 随时可以是一个 函数a 里面返回的 函数b
    res();  //当 res 调用的时候, 打印 num
            //   打印出来的就是 a 函数内部的私有变量 num 的值

闭包优缺点

• 闭包的特点(优点和缺点并存)
  1.延长了变量的生命周期
  • 优点: 因为执行空间不销毁, 变量也没有销毁
  • 缺点: 因为执行空间不销毁, 会一直存在在内存中
    2.可以访问函数内部的私有变量
  • 优点: 利用闭包函数可以访问函数内部的私有变量
  • 缺点: 执行空间不会销毁, 会一直存在在内存中
    3.保护私有变量(只要是函数, 就有这个特点)
  • 优点: 保护私有变量不被外界访问
  • 缺点: 如果向访问, 必须要利用闭包函数
• 闭包的函数的缺点 致命
  • 因为当一段内存空间中有一个不会被销毁的东西一直存在
  • 那么就会出现内存占用, 如果过多, 就会导致内存溢出
  • 那么结果就是 内存泄漏

闭包的作用

• 就是当你需要延长变量的声明周期的时候

• 或者你需要访问某一个函数内部的私有数据的时候

• 你可以使用 闭包 函数来解决

• 前提:
  => 如果有别的方法, 尽量不要使用闭包函数
  => 只有到没有招的时候, 我们在使用闭包函数

• 闭包: 慎用

• 间接的返回一个函数
  + 直接返回的一个函数, return function b() {}
  + 间接返回一个函数, return 一个对象或者数组
  => 这个对象或者数组里面有一个函数

• 使用:
  + 当你只需要访问一个数据的时候, 可以使用直接返回或者间接返回
  + 当你需要访问多个私有数据的时候
  => 我们就需要使用间接返回的方式
  => 返回一个对象内包含多个闭包函数

 <script>
  function fn() {
    var num = 100
    var num2 = 200

    return { // 对象的名称语义化比数组的索引要强一些
      getNum: function () {
        console.log(num)
      },
      getNum2: function () {
        console.log(num2)
      }
    }
  }
  var res = fn()
  // res 得到的是一个对象
  //   这个对象里面有一个函数是 fn 的闭包函数
  console.log(res)
  res.getNum()
  res.getNum2()
</script>