for循环中嵌套setTimeout的问题

最新推荐文章于 2023-02-01 09:26:57 发布
最新推荐文章于 2023-02-01 09:26:57 发布
阅读量1.9k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Geeice/article/details/79517221
版权

题目： 

for (var i = 1; i <= 2; i++) {
    setTimeout(function() { alert(i) }， 100);
}

  JavaScript引擎是单线程运行的,浏览器无论在什么时候都有且仅有一个线程在运行JavaScript程序。

   编程过程中的setTimeout(类似的还有setInterval、Ajax)为异步执行。

理解过程：

  当代码中没有任何同步代码的前提下才会执行异步代码，所以该题中setTimeout执行时for循环已经执行完，i已经变成了3，调用的两次setTimeout执行，故连续弹出两次3

解决办法：

Geeice
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js代码-for循环代码
07-15
在JavaScript（JS）中，`for`循环是一种常用的控制流程结构，用于重复执行一段代码，直到满足特定条件为止。在编程中，`for`循环通常用于遍历数组、对象或进行一定次数的迭代操作。本篇文章将深入探讨`for`循环的...
JS中For循环中嵌套setTimeout()方法的执行顺序
Start -ZJ的博客
09-12 3579
今天突然想到了之前看过一个在For循环中执行setTimeOut()方法的代码，那时候对输出的结果不是很理解。今天就来详细的记录下。 先贴一段简单的代码： function time() { for(var i= 0;i<5;i++){ setTimeout(function () { console.log(i...
循环延迟问题 for + setTimeout()
weixin_45773503的博客
11-08 488
假设我们要实现一个repeat函数，能够在间隔相同的时间去执行一个fn。 （func， 次数， 间隔时间） function repeat(func, times, wait) { return (...arg) => { for (let i = 0; i < times; i++) { setTimeout(() => [ func(...arg) ], wait) } } } const repeatF = repea
三种方法解决setTimeout的循环输出问题
微光的博客
04-11 4103
for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000); } console.log(i); 结果：先打印5，一秒后打印5个5 原因：由于JavaScript是单线程的，按顺序执行，setTimeout是异步函数，它会将内部函数放到任务队列中，而此时会先将循环执行完毕再执行内部函数，因此当执行内部函数时i已经等于5了，所以最终会输出5个5 方案一：...
for循环中嵌套settimeout，settimeout中重复执行for的最后一个值问题及解决办法
yorke520的博客
10-18 2363
        最近在用前端直接上传图片到七牛时，发现官方demo中只演示了单图上传，因客户有多图上传的需求，就自己在官方demo的基础上加了点自己的想法： 加入一个for循环，遍历获取到的图片文件数组，实现循环上传。但是遇到了 重复上传同一张照片(选择几张照片重复几次)的问题。 通过自己思考并请教前辈找到了问题所在：问题出在了for循环中有settimeout控制了一个上传的接口； 先上一...
16-WebAPI：setTimeout是如何实现的？_For_vip_user_0011
08-04
【描述】:本文将探讨JavaScript中的setTimeout函数在浏览器环境下的实现原理，以及它与事件循环系统的关系。 【标签】:c# 【部分内容】: 在JavaScript中，setTimeout是一个非常常见的异步功能，用于设定一个函数...
【JavaScript源代码】antd+vue实现动态验证循环属性表单的思路.docx
12-27
在JavaScript和Vue.js的开发环境中，Ant Design Vue (antd-vue)是一个常用UI库，用于构建用户界面。本文将深入探讨如何使用antd-vue和Vue实现动态验证循环属性的表单，满足以下需求： 1. **名称**、**对比项**和**...
Loop-Sync---All-syntax:循环中的专用函数，带回调
06-01
为了解决这个问题，我们可以利用回调函数来确保循环中的每个步骤在进行下一步之前完成。 回调函数是在某个操作完成后调用的函数，它接收操作的结果作为参数，以便进一步处理。在循环中使用回调，可以等待当前迭代的...
理解javascript中的闭包
10-20
在循环中，闭包可以用来解决异步操作中的变量共享问题，如在 `setTimeout` 中： ```javascript // 不正确的示例 for (var i = 0; i ; i++) { setTimeout(function() { console.log(i); }, 1000); } // 输出 10次...
for循环中setTimeout使用注意
qq_33571718的博客
11-15 1786
声明：本博文用于学习总结及工作心得 使用Extjs前端框架时，需要改变框架中grid组件默认的样式；由于组件中嵌套有checkBox复选框，使用的是动态加载 所以在使用listener 监听afterrender时做动态修改组件样式，总是获取不到checkbox组件；然后改用setTimeout延迟方法的执行； 问题得以解决，但是如果该grid在当前哟多个时，通过样式选择器获取组
for循环与setTimeout
DaiDai的博客
03-04 1883
1.只有for循环时for (var i = 0; i < 5; i++) { console.log(i); } 运行结果为0,1,2,3,4 ,这是大家都知道的2.在for循环中添加setTimeoutfor (var i = 0; i < 5; i++) { setTimeout(function () { console.log(i); },i*1000);
for循环中使用setTimeout的解决方案
weixin_45291798的博客
02-01 1393
这是因为setTimeout是异步执行，每一次for循环的时候，setTimeout都执行一次，但是里面的函数没有被执行，而是被放到了任务队列里，等待执行。只有主线上的任务执行完，才会执行任务队列里的任务。也就是说它会等到for循环全部运行完毕后，才会执行fun函数，但是当for循环结束后此时i的值已经变成了6，因此虽然定时器跑了5秒，控制台上的内容依然是6。通过闭包，将i的变量驻留在内存中，当输出j时，引用的是外部函数的变量值i，i的值是根据循环来的，执行setTimeout时已经确定了里面的的输出了。
在for循环中运行setTimeout
weixin_44066534的博客
05-29 1936
对for循环中运行setTimeout的理解 先看一段代码 for (var i=0; i<10; i++) { setTimeout(console.log(i), i*1000 ); } 答案：0、1、2、3、4、5、6、7、8、9 再比较一段代码 for(var i=0;i<10;i++){ setTimeout(function(){ console.log(i); },i*1000); } 答案：10、1
关于阿里的笔试题for循环中嵌套setTimeout
monster1935的专栏
04-18 4741
题目：var a=[1,2,3]; var len=a.length; for(___){ setTimeout{function(){ console.log(__); },100} } 要求输出a的所有项。 该题目考察的就是JavaScript的单线程以及setTimeout的异步特性。 【注】：JavaScript引擎是单线程运行的，浏览器运行期间
用setTimeout实现循环执行函数
柏灿的博客
09-14 3269
用setTimeout实现间隔指定时间，执行指定次数，执行某函数
关于for循环中使用setTimeout要注意的几点
xmx1314520的博客
07-05 6312
首先了解setTimeout延时器的运行机制 setTimeout（fun，time）； 定时器会先将fun函数放到队列中，等待区域内其他主程序执行完毕后按时间先后顺序执行fun函数 因此若是这样使用将不会得到想要的结果在控制台上输出1.2.3.4.5 for (var i=1; i&amp;lt;=5; i++) { setTimeout( ...
JS For循环中嵌套setTimeout()方法的理解
weixin_42467467的博客
05-22 2572
思考： 先上代码，我们可以看一遍，思考一下答案，对比两种方法的区别。 for (var i = 0; i < 3; i++) { setTimeout(() => console.log(i), 1) } for (let i = 0; i < 3; i++) { setTimeout(() => console.log(i), 1) } 答案： 3 ，3 ，3 和 0 ，1 ，2 解析： 我们通过在每一个阶段加入 console.log(i) 来更深层次的理解 js 的
关于for循环中引用setTimeout
热门推荐
王小贱的博客
09-20 1万+
题目1： var a=[1,2,3]; var len=a.length; for(___){ setTimeout{function(){ console.log(__); },0} } 要求输出a的所有项。 该题目考察的就是JavaScript的单线程以及setTimeout的异步特性。 【注】：JavaScript引擎是单线程运行的，浏览器运
vue中for循环执行settimeout
最新发布
04-28
在Vue中使用for循环执行setTimeout时需要注意，因为for循环是同步执行的，而setTimeout是异步执行的，所以可能会出现不符合预期的结果。 为了解决这个问题，可以使用Vue提供的$nextTick方法，将setTimeout放在其中执行，代码示例如下： ``` for(let i = 0; i < 10; i++){ this.$nextTick(()=>{ setTimeout(()=>{ console.log(i) },1000) }) } ``` 这样就可以保证每次循环都能执行到setTimeout，并且能够正确输出i的值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值