
关于 javascript 闭包自动捕获变量的理解
问题描述:
以下代码中,单击按钮时,控制台输出的是一个固定值 6,而不是预期的按钮索引:
解决方案:
立即学习“Java免费学习笔记(深入)”;
问题根源在于闭包自动捕获变量的行为。当单击事件处理函数被触发时,它会访问封闭作用域中声明的变量,此时循环已执行完毕,i 已被更新为最后一个值 6,因此按钮单击事件处理函数中的 i 总是输出 6。
要解决这个问题,可以使用一种称为立即执行函数表达式的技术。这将创建闭包,但在循环结束之前将其执行,从而确保 i 被正确捕获:
这种技术创建了多个闭包,每个闭包都捕获了循环执行时的 i 值,从而确保单击事件处理函数可以获取正确的按钮索引。










