JS闭包

JS闭包

了解函数的两个阶段

• 函数的定义阶段

1. 在内存中开辟一个存储空间
2. 把函数体内的代码当作字符串一模一样的放在这个空间中（遇到的所有变量都不进行解析）
3. 把这个空间地址赋值给函数名(变量名)

• 函数的调用阶段

1. 按照函数名(变量名)找到对应的存储空间
2. 从新开辟一个函数 执行空间
3. 在这个执行空间里面进行形参赋值
4. 在这个执行空间里面进行预解析
5. 把函数存储空间的代码复制一份到执行空间里面执行一遍
6. 执行完毕之后, 这个开辟出来的执行 空间销毁
   注意：函数每次调用的时候都会开辟一个执行空间，调用完毕代码就会被销毁，当你再次调用的时候会再开辟一个执行空间，执行完毕代码就会被销毁。
   举个栗子：

var num = 100
    function fn() {
      console.log('数字: ' + num)
    }
 fn()
 fn()

函数的两个阶段上图代码的图解：
解析：

• 函数定义阶段

1. 在内存中开辟了一个函数存储空间(xxff00)
2. 把 console.log('数字: ’ + num) 这句代码放在这个存储空间中， 此时 num 变量没有解析, 存储的就是 num
3. 把 xxff00 这个空间地址赋值给了 fn 这个函数名

• 函数调用阶段

1. 按照 fn 里面存储的地址, 找到 xxff00 这个函数存储空间
2. 开辟一个函数执行空间(xxff11), 在运行内存里面
3. 在 xxff11 这个空间里面进行形参赋值
4. 在 xxff11 这个空间里面进行预解析
5. 把存储空间(xxff00) 里面存储的代码复制一份到这个执行空间，复制一份 console.log('数字: ’ + num) 过来，执行这句代码的时候才解析变量 num
6. 等到代码执行完毕以后, 这个开辟的 xxff11 执行空间销毁

• 函数再次调用

1. 按照 fn 里面存储的地址, 再次找到 xxff00 这个函数存储空间
2. 再次开辟一个函数执行空间(xxff22), 在运行内存类面
3. 在 xxff22 这个空间里面进行形参赋值
4. 在 xxff22 这个空间里面进行预解析
5. 把存储空间(xxff00) 里面存储的代码复制一份到这个执行空间，复制一份 console.log('数字: ’ + num) 过来，执行这句代码的时候才解析变量 num
6. 等到代码执行完毕以后, 这个开辟的 xxff22 执行空间销毁

了解闭包

• 闭包生成的三个必要条件

1. 在函数 A 内部直接或者间接返回一个函数 B
2. B 函数内部使用着 A 函数的私有变量(私有数据)
3. A 函数外部有一个变量接受着函数 B

• 举个栗子：

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. 保护私有变量(只要是函数, 就有这个特点)

• 优点: 保护私有变量不被外界访问
• 缺点: 如果向访问, 必须要利用闭包函数
  闭包的函数的缺点致命：因为当一段内存空间中有一个不会被销毁的东西一直存在，那么就会出现内存占用, 如果过多, 就会导致内存溢出，那么结果就是 内存泄漏

• 闭包的作用：

1. 延长变量的声明周期
2. 访问函数内部的私有变量

来源：CSDN

作者：yu_yuxiaoer

链接：https://blog.csdn.net/yu_yuxiaoer/article/details/104462790