js 循环中的闭包

在 JavaScript 中，循环中的闭包是一个常见且重要的概念。

闭包是指有权访问另一个函数作用域中变量的函数。

在循环中创建闭包时，可能会遇到一些问题。比如，使用 var 声明的变量在循环中会被提升，导致所有的闭包都引用了同一个变量，最终得到的结果可能不是预期的。

例如：

for (var i = 0; i < 3; i++) {
    setTimeout(function() {
        console.log(i);
    }, 1000);
}

上述代码预期会输出 0、1、2，但实际上会输出 3 个 3 。这是因为当 setTimeout 的回调函数执行时，循环已经结束，此时 i 的值为 3 。

解决这个问题的方法有多种：

1. 使用 let 声明变量，因为 let 具有块级作用域，在每次循环中都会创建一个新的 i 变量。

for (let i = 0; i < 3; i++) {
    setTimeout(function() {
        console.log(i);
    }, 1000);
}

1. 使用立即执行函数表达式（IIFE）来创建一个新的作用域，并将当前的 i 值作为参数传递进去。

for (var i = 0; i < 3; i++) {
    (function(i) {
        setTimeout(function() {
            console.log(i);
        }, 1000);
    })(i);
}

闭包的优势在于可以访问外部函数的变量，使得函数具有更好的封装性和复用性。

类型上，常见的闭包包括函数嵌套函数形成的闭包。

应用场景很广泛，比如实现私有变量和方法、实现函数的柯里化、处理异步操作等。