for循环中嵌套setTimeout的问题

最新推荐文章于 2023-11-07 17:44:01 发布
最新推荐文章于 2023-11-07 17:44:01 发布
阅读量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
    评论
for循环嵌套带来的超长耗时
洲哥的博客
10-11 5580
1.场景描述 我们在做增量库存同步的时候，有这样的逻辑： (1).从库存系统拿到指定时间到当前时间期间库存变动的货品编码; (2).从本系统的数据库和redis中拿到本店铺的货品编码[涉及到重复铺货]； (3).取出两者的交集，就是本店铺中这段时间有库存变动的货品编码集合； (4).用这个交集做入参查询对应的库存； (5).将这个变动的库存送到淘宝平台； 2.故障现象 如果我们设定的时间距离当前...
js代码-for循环代码
07-15
在JavaScript（JS）中，`for`循环是一种常用的控制流程结构，用于重复执行一段代码，直到满足特定条件为止。在编程中，`for`循环通常用于遍历数组、对象或进行一定次数的迭代操作。本篇文章将深入探讨`for`循环的...
for中循环嵌套定时器
Zt0118的博客
11-09 362
for(var i=0;i<5;i++）{ setTimeout(() => { console.log(i); }, 1000 * i); } console.log('111'); 结果为：
【转】从settimeout说事件循环模型
weixin_30411239的博客
03-17 126
原文地址：http://www.alloyteam.com/2015/10/turning-to-javascript-series-from-settimeout-said-the-event-loop-model/#prettyPhoto 作为一个从其他编程语言（C#/Java）转到Javascript的开发人员，在学习Javascript过程中，setTimeout()方法的运行原理是我遇...
for循环嵌套定时器（自用）
weixin_45038124的博客
02-28 2090
for循环嵌套定时器
for 循环中嵌套定时器问题
周涛的博客
11-09 2724
for 循环中嵌套定时器问题 在学习js的时候，或者面试的时候，会经常碰到这一道经典题目： for(var i = 0; i < 5; i++) { setTimeout(function () { console.log(i); }); } console.log('a'); 输出结果是： a 5 5 5 5 5 结果是先打印字符串’a’，然后再打印5个数字5。 有人会说这个题目并不难，而且只要你遇到过这个题目，下次再见到基本也不会答错了，但其实这段简单的代码里面
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循环中嵌套定时器问题
周涛的博客
11-09 326
在for循环中嵌套定时器问题 1、案例 for (var i = 0; i < 5; i++) { setTimeout(() => { console.log(i) }, 1000 * i) }//打印结果 依次打印五个5 2、修整 打印0，1，2，3，4依次打印 使用es6 let for (let i = 0; i < 5; i++) { setTimeout(() => {
for循环中嵌套settimeout，settimeout中重复执行for的最后一个值问题及解决办法
yorke520的博客
10-18 2369
        最近在用前端直接上传图片到七牛时，发现官方demo中只演示了单图上传，因客户有多图上传的需求，就自己在官方demo的基础上加了点自己的想法： 加入一个for循环，遍历获取到的图片文件数组，实现循环上传。但是遇到了 重复上传同一张照片(选择几张照片重复几次)的问题。 通过自己思考并请教前辈找到了问题所在：问题出在了for循环中有settimeout控制了一个上传的接口； 先上一...
三种方法解决setTimeout的循环输出问题
梦是太匆
10-11 1664
我们有时候会遇到在循环中调用setTimeout进行迭代的问题，如下所示。 for (var i = 1; i <= 5; i++) { setTimeout(function timer() { console.log(i) }, i * 1000) } 输出结果大家都只是会是5个6，由于JavaScript是单线程的，按顺序执行，setTimeout是...
循环延迟问题 for + setTimeout()
weixin_45773503的博客
11-08 490
假设我们要实现一个repeat函数，能够在间隔相同的时间去执行一个fn。 （func， 次数， 间隔时间） function repeat(func, times, wait) { return (...arg) => { for (let i = 0; i < times; i++) { setTimeout(() => [ func(...arg) ], wait) } } } const repeatF = repea
js 事件循环执行顺序(setTimeout,async,promise多层嵌套)
ZFZ5720
03-05 4793
我们知道JS是单线程脚步语言，设计为单线程是有好处的，如果为多线程，当两个人同时操作了同一个资源，这样会造成同步问题，不知以谁为准。 同时,单线程也存在一些问题，比如： for(var i = 0;i<1000;i++){ console.log(1) } console.log(2) 结果就是，2将会等待1全部输出完毕后在执行，浪费了大量的时间 我们希望在等待的时间去做别的事，所以...
javascript之调度：setTimeout 和 setInterval
影子
08-21 640
目前有两种方式可以实现： setTimeout允许我们将函数推迟到一段时间间隔之后再执行。 setInterval允许我们重复运行一个函数，从一段时间间隔之后开始运行，之后以该时间间隔连续重复运行该函数。 setTimeout: 语法： let timerId = setTimeout(func|code, [delay], [arg1], [arg2], ...) 参数说明： func|code 想要执行的函数或代码字符串。 一般传入的都是函数。由于某些历史原因，支持传入代...
聊聊定时器 setTimeout 的时延问题
最新发布
web全栈开发的博客
11-07 740
Firefox 对它识别为追踪型脚本的脚本实施额外的节流，当在前台运行时，节流的最小延迟仍然是 4ms，然而，在后台标签中，节流的最小延迟是 10000 毫秒，即 10 秒，在文档首次加载后 30 秒开始生效。到这里，我们似乎已经找到了 4ms 的出处，并且对于 setTimeout 的最小延迟有了更加精确的定义 - 需要同时满足嵌套层级超过 5 层，timeout 小于 4ms，才会设置 4ms。方法设置一个定时器，一旦定时器到期，就会执行一个函数或指定的代码片段，但是需要注意的是，
在for循环中运行setTimeout的三种情况
热门推荐
没有感情的代码机器的博客
07-05 1万+
在for循环中运行setTimeout是前端开发很常见的一种模式。最近被考了一道相关的题目觉得很有意思也很容易犯错，于是记录下来当做学习笔记。 下面先来看一段代码： for(var i=0;i<10;i++){ setTimeout(console.log(i),0); } 看完这段代码思考一下结果输出是什么呢？ 是不是第一时间想到的是连续的10个10呢？啊哈哈这样就...
关于阿里的笔试题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引擎是单线程运行的，浏览器运行期间
vue中for循环执行settimeout
04-28
在Vue中使用for循环执行setTimeout时需要注意，因为for循环是同步执行的，而setTimeout是异步执行的，所以可能会出现不符合预期的结果。 为了解决这个问题，可以使用Vue提供的$nextTick方法，将setTimeout放在其中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值