js 闭包 同步

一、基础概念

1. 闭包
   • 在JavaScript中，闭包是指有权访问另一个函数作用域中的变量的函数。简单来说，如果一个函数内部定义了另一个函数，并且内部的函数可以访问外部函数的变量，那么就形成了闭包。
   • 例如：
   • 例如：
   • 在这个例子中，inner函数就是闭包，它可以访问outer函数中的num变量，即使outer函数已经执行完毕。

• 同步
  • 在JavaScript中，默认情况下代码的执行是同步的。这意味着代码按照从上到下的顺序依次执行，前一行代码执行完毕后才会执行下一行代码。例如：
  • 在JavaScript中，默认情况下代码的执行是同步的。这意味着代码按照从上到下的顺序依次执行，前一行代码执行完毕后才会执行下一行代码。例如：
  • 这里的代码会按照顺序先打印start，然后计算1 + 1并将结果赋给a，接着打印2，最后打印end。

二、闭包相关的优势

1. 数据封装
   • 可以创建私有变量。例如，通过闭包可以构建模块模式，在一个函数内部定义变量和函数，并且只暴露必要的接口给外部使用。
   • 可以创建私有变量。例如，通过闭包可以构建模块模式，在一个函数内部定义变量和函数，并且只暴露必要的接口给外部使用。
   • 外部无法直接访问privateVar和privateFunction，只能通过publicFunction间接访问。

• 实现回调函数中的数据共享
  • 在异步操作（如定时器、事件处理等）中，闭包可以用来保存状态。例如，在点击事件处理程序中使用闭包来记住一些与特定元素相关的信息。

三、闭包相关的类型（从不同角度理解）

1. 函数作为返回值的闭包
   • 就像前面第一个例子中的inner函数作为outer函数的返回值，这是最常见的闭包类型。

• 函数作为参数传递时的闭包
  • 当把一个函数作为参数传递给另一个函数，并且在新的函数内部可以访问外部函数的变量时，也形成了闭包。
  • 当把一个函数作为参数传递给另一个函数，并且在新的函数内部可以访问外部函数的变量时，也形成了闭包。

四、闭包在同步场景下的应用场景

1. 模块化开发
   • 在构建大型JavaScript应用时，可以使用闭包来创建独立的模块，避免变量污染全局命名空间。

• 数据缓存
  • 可以在一个函数内部使用闭包来缓存计算结果。例如，计算斐波那契数列时，可以使用闭包来存储已经计算过的值，提高效率。
  • 可以在一个函数内部使用闭包来缓存计算结果。例如，计算斐波那契数列时，可以使用闭包来存储已经计算过的值，提高效率。

五、可能遇到的问题及解决方法

1. 内存泄漏（在旧版本浏览器中更明显）
   • 问题原因：由于闭包会引用外部函数的变量，如果这些闭包不被释放，那么外部函数的变量也不会被垃圾回收机制回收，从而导致内存泄漏。
   • 解决方法：在不需要闭包时，将闭包函数设置为null，以便让垃圾回收机制回收内存。例如：
   • 解决方法：在不需要闭包时，将闭包函数设置为null，以便让垃圾回收机制回收内存。例如：

• 意外的变量共享
  • 问题原因：如果在循环中创建闭包，并且不正确处理，可能会导致闭包共享同一个变量值。
  • 解决方法：可以通过创建一个新的作用域来解决。例如：
  • 解决方法：可以通过创建一个新的作用域来解决。例如：
  • 在这个例子中，通过立即执行函数表达式（IIFE）为每个循环迭代创建了一个新的作用域，确保每个闭包中的num变量都有正确的值。