for循环 + setTimeout 结合一些示例(前端笔试题）

最新推荐文章于 2022-06-08 11:52:02 发布

前端小生一枚

最新推荐文章于 2022-06-08 11:52:02 发布

阅读量897

点赞数

分类专栏：基础知识复习巩固文章标签： javascript

本文链接：https://blog.csdn.net/qq_33699819/article/details/88874467

版权

场景一：我们想按顺序输出对应的索引值，代码如下：

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

可是会连续输出5个5。

解决办法一：匿名函数

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

解决办法二：直接把var改成let

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

场景二：给li元素绑定事件，点击每个li元素弹出对应的索引

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>for循环</title>
  </head>
  <body>
    <ul>
        <li>列表1</li>
        <li>列表2</li>

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端小生一枚

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
for循环 + setTimeout 结合一些示例(前端笔试题）

场景一：我们想按顺序输出对应的索引值，代码如下：for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000);}//5 5 5 5 5可是会连续输出5个5。解决办法一：匿名函数for(var i=0; i<5; i++) { (fu...
复制链接

扫一扫