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

最新推荐文章于 2025-03-27 16:36:34 发布
最新推荐文章于 2025-03-27 16:36:34 发布
阅读量2.9w 收藏 27
点赞数 19
分类专栏： es6 文章标签： es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/huakaiwuxing/article/details/78968642
版权
本文探讨了JavaScript中setTimeout函数的异步行为及其与循环变量作用域的关系。通过具体示例解释了使用var与let声明变量时的不同表现，揭示了闭包与作用域链的工作原理。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

setTimeout是异步执行的，1000毫秒后向任务队列里添加一个任务，只有主线上的全部执行完才会执行任务队列里的任务，所以当主线程for循环执行完之后 i 的值为5，这个时候再去任务队列中执行任务，i全部为5；

每次for循环的时候setTimeout都会执行，但是里面的function则不会执行被放入任务队列，因此放了5次；for循环的5次执行完之后不到1000毫秒；

1000毫秒后全部执行任务队列中的函数，所以就是输出五个5啦


假如把var换成let，那么输出结果为0,1,2,3,4；

因为let  i  的是区块变量，每个i只能存活到大括号结束，并不会把后面的for循环的  i  值赋给前面的setTimeout中的i；而var i  则是局部变量，这个 i 的生命周期不受for循环的大括号限制；

setTimeOut()和setInterval()的用法
weixin_44493841的博客
08-14 325
setTimeOut()和setInterval()的用法 setTimeOut(function(){},1000); 在特定时间之后调用函数，只调用一次 setInterval(function(){},1000);每隔特定的时间调用一次函数，调用n多次,最好不要经常使用 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">  &nbsp
如何用for (var i=1; i<=5; i++) 加 setTimeout 输出1、2、3 、4、5
Sun_blog
04-25 140
本文已参与「新人创作礼」活动，一起开启掘金创作之路 for (var i=1; i&lt;=5; i++) 加 setTimeout 如何输出1、2、3 、4、5 大家在笔试或者面试的时候，或多或少都做过这样的题吧！ 请问下面代码的输出是什么？ ``` for (var i=1; i&lt;=5; i++) { setTimeout( function ti...
对for(var i = 0；i ＜ 5；i++) {setTimeout(() =＞ console.log(i),1000)}的深入分析
weixin_41387874的博客
07-03 3240
对于这个问题，想必大家都有所耳闻，最终输出是 毫无疑问，这是和我们的预期输出不符的（预期输出是0 1 2 3 4）。造成这个问题的原因，就是var关键字声明的标识符的作用域范围是函数作用域。因此在上面的js代码中，i标识符是存放在全局作用域中的。因此，当setTimeout的回调函数执行的时候，i标识符存放的值已经是5了（5是循环结束的终点），因此将输出5个5。但这里还有一个疑点，为什么setTimeout执行的时候i已经是5了，是因为等待了1秒钟嘛？现在我们知道了第一个问题的答案和造成错误的原因，那么下面
setTimeout的作用和用法
最新发布
2403_89214657的博客
03-27 483
setTimeout是 JavaScript 里的一个内置函数，其作用是在指定的延迟时间之后执行一次指定的函数或者代码片段。
for(var i=0;i<5;i++){ setTimeout(function() { console.log(i) }, 100);}
weixin_30772105的博客
08-01 4220
涉及异步、作用域、闭包 1.settimeout是异步执行,100ms后往任务队列里面添加一个任务 2.let不仅将i绑定到for循环块中，事实上它将其重新绑定到循环体的每一次迭代中 3.闭包 setTimeout是一次执行函数，这里是100ms后执行，仅仅执行一次；for（var i=0;i&lt;=3;i++）,i的每次取值都是执行setTimeout这个函数，并没有执行setTime...
for (var i = 0； i ＜ 5； i++) { setTimeout(function() { console.log(i)； }, 1000)； } 要求：输出0，1，2，3，4
subsistent的博客
02-16 1059
首先这个面试题考察的是对于js中异步代码以及作用域的理解：js中常见的异步代码包括定时器和ajax。js执行代码的流程是碰到同步代码就执行，碰到异步就交给浏览器的webAPI处理，当webAPI中的异步该执行时，webAPI会将需要执行的回调函数放在任务队列中，等候执行，所以，js中所有的异步代码总会在所有同步代码执行结束后，再执行任务队列中的代码。在这个问题中，循环是同步代码，定时器是异步代码，所以整个循环都执行结束以后才会执行定时器代码。
【面试题 - 打印结果】for (var i = 0； i ＜ 2； i++) { setTimeout(function () { console.log(i) }, 0) } for (var
owo_ovo的博客
12-28 486
【面试题 - 打印结果】for (var i = 0; i < 2; i++) { setTimeout(function () { console.log(i) }, 0) } for (var
某妹游戏登录加密(webpack)
m0_65303862的博客
12-14 621
JS逆向，某妹游戏登录加密，含有源码。
setTimeout经典面试题
sxzxiaofeng168的博客
09-06 1097
分享一个关于setTimeout的面试题，话不多说，直接上代码，关键点会有详细备注 题目代码如下： for(var i=0; i&lt;5; i++){ setTimeout(function() { console.log(new Date,i);//输出结果5，5，5，5，5 }) } ...
前端面试题之选择题
沐小侠
10-12 3273
下面输出的结果为? function(){ console.log(a) var a =1; function a(){} console.log(a) } A.statements require a function name B.1,ƒ a(){} C.ƒ a(){},1 选 A 下面输出的结果为? for(var i=0;i&lt;3;i++){ setTimeout(function(){ console.log(i) },.
实现每隔一秒钟输出1,2,3...数字
LuckXinXin的博客
07-22 1711
for(var i=0;i&lt;10;i++){ (function(j){ setTimeout(function(){ console.log(j+1) },j*1000) })(i) }
js setTimeout(function(param),1000)传参问题解决
所谓专家，就是不断向前
09-06 1145
function flipMenuOver(actMnu) { setTimeout("hideMenu(document.all('"+actMnu.id+"'))",4000); } or function flipMenuOver(actMnu) { setTimeout("hideMenu(document.all."+actMnu.id+")",4000); } 目前
for循环 + setTimeout 例子
Executioner975的博客
09-09 268
for循环 + setTimeout 例子 今天看面试题找到了一个经典面试题，可以帮助大家理解let关键字，setimeout关键字等。 先看一个经典面试题 for (var i = 0; i < 6; i++) { setTimeout(function (){ console.log(i); },1000); } 运行代码，一下子输出了五个5。并不是意料中的每隔1秒输出i++，这是因为var是全局作用域，而setimeout是一个异步函数，for循环又是一个同步执行的。记住一
JavaScript——setTimeout()制作简易计时器
Searchin_R的博客
10-03 1834
不得不说，setTimeout()是一个非常神奇的东西，我们可以用它来掌控时间，从而达到意想不到的结果。 这里先看一下setTimeout()的定义。  定义和用法 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 提示： 1000 毫秒= 1 秒。 提示： 如果你只想重复执行可以使用 setInterval() 方法。 提示： 使用 clearTimeout...
面试题27：在for循环中运行setTimeout问题（for(var i=0；i&lt；5；i++){ setTimeout(function(){ console.log(i)； },1000)）
qq_51066068的博客
05-06 4538
目录 疑惑： 重点讨论一下这个现象 解决方法： 一 、利用setTimeout的第三个参数var ，将i作为参数传递给setTimeout 二、使用IIFE（立即执行的匿名函数） 三、使用bind方法 四、es6中的let声明的变量是具有块级作用域 五：用立即执行函数也可以 疑惑： 重点讨论一下这个现象 for (var i=0; i&lt;10; i++) { setTimeout(console.log(i), i*1000 ); } 答案：0、1、2.
for循环 + setTimeout 结合一些示例(前端笔试题）
qq_33699819的博客
03-29 974
场景一：我们想按顺序输出对应的索引值，代码如下： 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&lt;5; i++) { (fu...
面试题系列 —— 1、for 循环中的定时器问题
qq_46030564的博客
04-30 1685
面试题系列 —— 1、for 循环中的定时器问题 首先看一道例题： for (var i = 0; i < 5; i++) { setTimeout(function () { console.log(i); }, 1000); } //输出结果为：1秒后同时输出 5 5 5 5 5 第一次看到这段代码的运行结果的时候，会给人一些疑问： for循环里面的打印结果为什么不是0,1,2,3,4，而是什么5个5这种奇怪的结果？ 就
【前端芝士树】for循环 + setTimeout
weixin_34270865的博客
09-10 120
【前端芝士树】for循环 + setTimeout 还记得这张const、let、var比较的表格吗 是不是觉得没什么问题了？来看看下面的程序： for(var i=0;i&lt;5;i++){ setTimeout(function(){ console.log(i); }) } // 5 5 5 5 5...
【js】setTimeout和for的那些事儿。
qq_34365469的博客
03-14 396
引出问题: 下面的代码,在浏览器中是怎么执行的? for(vari=0;i&lt;5;i++){ setTimeout(function(){ console.log(i) },2000) } 答案: 间隔2s,同时打印5个5; 可能会有以下两个疑问: 1.为什么是同时打印? 2.为什么不是打印 0 1 2...
for(var i = 0;i&lt;5;i++)setTimeout(function()console.log(i)11000) console.log(i)的执行结果，以及执行过程
04-26
对于这段代码的执行结果，可以分为两部分来看： 1. console.log(i) 的执行结果：在 for 循环中，i 的初始值为 0，每次循环 i 的值都会增加 1，直到 i 的值为 5 时退出循环。因此，在 console.log(i) 执行前，i 的值分别为 0、1、2、3、4，输出结果也会分别是 0、1、2、3、4。 2. setTimeout(function()console.log(i), 11000) 的执行结果：这里的 setTimeout 实际上相当于将函数打包并定时执行。在 for 循环中，setTimeout 函数被执行了五次，每次执行时都会将传入的函数绑定到一个新的作用域中。但是，由于代码没有设置异步执行的延迟时间，因此这五个函数都会在相同的事件循环中被执行，也就是在 for 循环结束后的 11 秒后被执行。在执行这五个函数时，它们共享了同一个作用域，因此其中的 i 值都是循环结束后 i 的值，也就是 5，因此输出结果都是 5。
评论 12
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值