js 闭包 循环

一、基础概念

1. 闭包
   • 在JavaScript中，闭包是指有权访问另一个函数作用域中的变量的函数。即使这个函数在其外部函数已经执行完毕后仍然可以访问这些变量。
   • 例如：
   • 例如：
   • 在这个例子中，inner函数就是一个闭包，它可以访问outer函数中的num变量，即使outer函数已经执行完毕。

• 循环
  • 循环是一种用于重复执行一段代码的控制结构。
  • 在JavaScript中有常见的for循环、while循环和do - while循环。
  • 例如for循环：
  • 例如for循环：
  • 这个for循环会从i = 0开始，每次循环i加1，直到i < 5不成立为止，每次循环都会执行console.log(i)语句。

二、在循环中的闭包相关问题

1. 问题现象
   • 当在循环中创建闭包时，可能会遇到意外的结果。例如：
   • 当在循环中创建闭包时，可能会遇到意外的结果。例如：
   • 原因是：var声明的变量具有函数作用域，在循环结束时，i的值变为5，而闭包中的函数引用的都是同一个i变量，所以当调用这些闭包函数时，输出的都是5。

• 解决方法
  • 使用let关键字代替var。因为let具有块级作用域，每次循环都会创建一个新的i变量。
  • 使用let关键字代替var。因为let具有块级作用域，每次循环都会创建一个新的i变量。
  • 或者使用立即执行函数表达式（IIFE）来创建一个新的作用域。
  • 或者使用立即执行函数表达式（IIFE）来创建一个新的作用域。

三、闭包的优势

1. 数据封装
   • 可以创建私有变量和方法。例如，通过闭包可以构建模块模式，在模块内部定义变量和函数，只暴露必要的接口给外部使用。
   • 可以创建私有变量和方法。例如，通过闭包可以构建模块模式，在模块内部定义变量和函数，只暴露必要的接口给外部使用。

• 函数柯里化
  • 闭包有助于实现函数柯里化，将一个多参数函数转换为一系列单参数函数。
  • 闭包有助于实现函数柯里化，将一个多参数函数转换为一系列单参数函数。

四、闭包的类型（从不同角度理解）

1. 按变量引用情况
   • 可以分为对全局变量有引用的闭包、对局部变量有引用的闭包等。例如，在上述模块模式中，闭包对模块内部的局部变量有引用；而在全局作用域中创建一个闭包函数并引用全局变量也是一种情况。

• 按创建方式
  • 可以分为在函数内部直接创建闭包（如前面的简单例子），以及通过多层嵌套函数创建更复杂的闭包结构。

五、应用场景

1. 事件处理程序
   • 在DOM事件处理中，闭包可以用来保存事件相关的数据。例如，在一个点击事件处理程序中，如果需要使用循环中的某个变量值，就可以利用闭包来确保正确的值被使用。
   • 在DOM事件处理中，闭包可以用来保存事件相关的数据。例如，在一个点击事件处理程序中，如果需要使用循环中的某个变量值，就可以利用闭包来确保正确的值被使用。

• 回调函数
  • 在异步操作（如setTimeout、fetch等）的回调函数中经常使用闭包。例如：
  • 在异步操作（如setTimeout、fetch等）的回调函数中经常使用闭包。例如：
  • 这里的setTimeout回调函数就是一个闭包，它可以访问fetchData函数中的url和localData变量。