实时获取for循环中的变量 i 的值

此时点击任意p标签弹出的都是5;

原因是:js时间处理器在线程空闲时间不会运行,导致最后运行的时候输出的都是 i 最后的值,即:5 

解决办法:使用闭包将变量 i 的值保护起来。

1、加一层闭包,i 以函数参数形式传递给内层函数

实时获取for循环中的变量 i 的值

2、加一层闭包 ,i 以局部变量形式传递给内存函数。

实时获取for循环中的变量 i 的值

3、加一层闭包,i 以 局部变量的形式传递给内存函数

实时获取for循环中的变量 i 的值

4、 将变量 i 保存在每个段落对象上

实时获取for循环中的变量 i 的值

5、 将变量 i 保存在匿名函数自身

实时获取for循环中的变量 i 的值

6、 用Function实现,实际上每产生一个函数实例就会产生一个闭包

实时获取for循环中的变量 i 的值

7、 Es6中的let直接搞定

实时获取for循环中的变量 i 的值

相关文章:

  • 2022-02-09
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-07-29
  • 2022-12-23
  • 2021-12-07
相关资源
相似解决方案