带你快速了解javascript中的闭包

闭包

• 闭包就是利用了这个函数执行空间不销毁的逻辑
• 有几个条件组成闭包

闭包概念

• 有一个 A 函数，再 A 函数内部返回一个 B 函数
• 再 A 函数外部有变量引用这个 B 函数
• B 函数内部访问着 A 函数内部的私有变量
• 以上三个条件缺一不可

不销毁的空间

• 闭包的第一个条件就是利用了不销毁空间的逻辑

• 只不过不是返回一个 对象数据类型

• 而是返回一个 函数数据类型

  function fn() {
      
    return function () {}
  }
  
  const f = fn()
  

  • f 变量接受的就是一个 fn的执行空间 中的 函数

内部函数引用外部函数中的变量

• 涉及到两个函数

• 内部函数要查看或者使用着外部函数的变量

  function fn() {
    const num = 100
    
    // 这个函数给一个名字，方便写笔记
    return function a() {
      console.log(num)
    }
  }
  
  const f = fn()
  

  • fn() 的时候会生成一个 xxff00 的执行空间
  • 再 xxff00 这个执行空间内部，定义了一个 a 函数的 存储空间 xxff11
  • 全局 f 变量接受的就是 xxff00 里面的 xxff11
  • 所以 xxff00 就是不会销毁的空间
  • 因为 xxff00 不会销毁，所以，定义再里面的变量 num 也不会销毁
  • 将来 f() 的时候，就能访问到 num 变量

闭包的特点

• 为什么要叫做特点，就是因为他的每一个点都是优点同时也是缺点
  1. 作用域空间不销毁
     • 优点： 因为不销毁，变量页不会销毁，增加了变量的生命周期
     • 缺点： 因为不销毁，会一直占用内存，多了以后就会导致内存溢出
  2. 可以利用闭包访问再一个函数外部访问函数内部的变量
     • 优点： 可以再函数外部访问内部数据
     • 缺点： 必须要时刻保持引用，导致函数执行栈不被销毁
  3. 保护私有变量
     • 优点： 可以把一些变量放在函数里面，不会污染全局
     • 缺点： 要利用闭包函数才能访问，不是很方便