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

最新推荐文章于 2024-03-19 16:12:50 发布
最新推荐文章于 2024-03-19 16:12:50 发布
阅读量2.9w 收藏 27
点赞数 19
分类专栏： es6 文章标签： es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huakaiwuxing/article/details/78968642
版权

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循环的大括号限制；

huakaiwuxing
关注
  • 19
    点赞
  • 踩
  • 27
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
专栏目录
从setTimeout看js函数执行过程
01-19
老实说，写这篇文章的时候心里是有点压抑的，因为受到打击了,为什么？就 因为喜欢折腾不小心看到了这个”简单”的函数： for (var i = 0; i < 5; i++) { setTimeout(function () { console.log(i) }, i * 1000); } console.log(i); 什么？这不就是我很久之前看到的先打印一个5，再打印一个5，之后每隔一秒就打印一个5，直到打印完6个5的实现方法吗？那么问题来了，如果我要依次打印0,1,2,3,4，5的话我该怎么办，其实在这之前我就知道有这两个方法：一个是
for(var i=0;i<5;i++){ setTimeout(function() { console.log(i) }, 100);}
weixin_30772105的博客
08-01 4121
涉及异步、作用域、闭包 1.settimeout是异步执行,100ms后往任务队列里面添加一个任务 2.let不仅将i绑定到for循环块中，事实上它将其重新绑定到循环体的每一次迭代中 3.闭包 setTimeout是一次执行函数，这里是100ms后执行，仅仅执行一次；for（var i=0;i&lt;=3;i++）,i的每次取值都是执行setTimeout这个函数，并没有执行setTime...
setTimeout 深度剖析(1)，架构师必备技能，那些年我们一起踩过算法与数据结构的坑
最新发布
m0_61330875的博客
03-19 330
上面代码中，setTimeout 共有 4 个参数。最后那两个参数，将在 1000 毫秒之后回调函数执行时，作为回调函数的参数。IE 9.0 及以下版本，只允许 setTimeout 有两个参数，不支持更多的参数；可以在匿名函数中，让回调函数带参数运行，再把匿名函数输入 setTimeout；例如:}, 1000);当然也可以使用或方法来解决。例如使用 bind 方法，把多余的参数绑定在回调函数上面，生成一个新的函数输入 setTimeout。
实例讲解JS中setTimeout()的用法
11-25
本文实例讲解了JS中setTimeout()的用法，分享给大家供大家参考，具体内容如下 效果图： 具体代码： &lt;html> &lt;head> &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> &lt;title>无标题文档&lt;/title> [removed] var timer; //全局变量 var i=0; //变量初始化，全局变量 //定义函数：开始计时 function start() { //获取id=result的对象 var obj = docum
前端常见小问题（5.7）
weixin_46932940的博客
05-07 122
1.哪种现象在FF2.0中会存在 图片间隙的问题 2.可以使用哪个元素来表示 article标签外的内容 aside 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。 3.以上代码执行的结果是 for(var i=0;i&lt;5;++i){ setTimeout(function(){ console.log(i+ ’ '); },100); } log结果5 5 5 5 5 setTimeout() 是异步的，只有等到主线上的都执行完，才会执行异步的，此时i已
知识点与实例代码
2byte
06-27 342
知识点与实例代码闭包for循环情况下的常见闭包for (var i = 0; i < 5; i++) { (function(i) { setTimeout(function() { console.log(i); }, i * 1000); })(i); }每隔一秒依次输出0 1 2 3 4。修改一下，去掉匿名函数里面的i：for (var i = 0; i <
JS中for循环里定时器的使用
qq_31794615的博客
06-08 3701
for 循环中的定时器问题
面试题27：在for循环中运行setTimeout问题（for(var i=0；i&lt；5；i++){ setTimeout(function(){ console.log(i)； },1000)）
qq_51066068的博客
05-06 3933
目录 疑惑： 重点讨论一下这个现象 解决方法： 一 、利用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.
[JS] for循环中使用定时器的闭包问题
刘师傅的博客
11-09 842
在ECMAScript5.1中 “var”的作用域为当前的函数，而不是当前代码块。 所以在使用定时器时： for(var i = 0; i &lt; 5; i++){ setTimeout(function(){ console.log(i) }, 200*i); } //5,5,5,5,5 故应将定时器设置的相关代码包裹在函数中进行调用，以避免该问题： for(va...
循环中的闭包
mmrsdym的专栏
04-08 699
经典例子： for(var i = 0; i 10; i++) {     setTimeout(function() {         console.log(i);       }, 1000); } 不过
2021前端笔试题
m0_67402341的博客
03-12 5880
笔试重点：查漏补缺 JavaScript题1： https://github.com/lydiahallie/javascript-questions/blob/master/zh-CN/README-zh_CN.md JavaScript题2： https://blog.csdn.net/liuyan19891230/article/details/102385743 （一） 1、什么是闭包，为什么要使用闭包？ 在一个函数里面嵌套另一个函数，被嵌套的那个函数的作用域是一个闭包。 作用：创建私有变量
writable-window-method:在 IE&lt;=8 中将任何窗口方法转为可写状态
06-20
在 IE &lt;= 8 中将任何窗口属性变为可写状态。 npm install writable-window-method --save[-dev] 例子 var writable = require ( 'writable-window-method' ) ; writable ( [ 'XMLHttpRequest' , 'Date' , '...
notes:随手记
03-31
for ( var i = 0 ; i &lt; 10 ; i ++ ) { setTimeout ( function ( ) { console . log ( i ) ; } , 100 ) ; } // 10,10,10,10,...... for ( let i = 0 ; i &lt; 10 ; i ++ ) { setTimeout ( function ( ) { ...
浅谈node.js中async异步编程
12-23
for (var i = 1; i &lt;= 3; i++) { setTimeout(function(){ console.log(i); }, 0); }; 这里大部分人会认为输出123，或者333。其实它会输出 444 这里就是我们要说的异步编程了。 高级函数的定义 这里为什么会说到...
for (var i = 0； i＜ 10； i++){ setTimeout(() =＞ { console.log(i)； }, 10) }
hl_Abel的博客
08-28 4226
for(var i=0;i&lt;10;i++){ setTimeout(function() { console.log(i) }, 10);} 答案：打印10次10 这道题涉及了异步、作用域、闭包 settimeout是异步执行，10ms后往任务队列里面添加一个任务，只有主线上的全部执行完，才会执行任务队列里的任务，当主线执行完成后，i是10，所以此时再去执行任务队列里的任务时，i全部是10了。对于打印4次是： 每一次for循环的时候，settimeout都执行一次，但是里面的函数没有被执行，而是被
你不知道的三种在for循环中使用setTimeout的方法
qq_42535651的博客
11-18 2267
在 for 循环中使用 setTimeout 中可能会出现结果输出不符合预期： for (var i = 0; i &lt; 5; i++) { setTimeout(() => { console.log(i); }); } 最后的输出结果： 5 5 5 5 5 原因是 var 变量不存在块级作用域，这5次循环中 setTimeout 使用的 i 其实都是一个 i，而setTimeout 异步执行会在 for 循环之后执行。 因此 setTimeout 获取的 i 都是最后执行完
经典闭包问题
weixin_42144338的博客
12-04 1205
经典闭包问题 你好！在学习js时 常遇到闭包的问题比较棘手 难以理解，接下来我将用一个小案例配合图形 来为大家解释一下原理，希望能对大家的学习有所帮助 （这是我第一次写博客，如有不妥之处请指教） 代码如下 for(var i=0;i&amp;amp;amp;lt;5; i++){ setTimeout(function(){ console.log(i,(new Date).toLocaleStr...
for (var i = 0； i ＜ 5； i++) { setTimeout(function() { console.log(i)； }, 1000)； } 要求：输出0，1，2，3，4
subsistent的博客
02-16 886
首先这个面试题考察的是对于js中异步代码以及作用域的理解：js中常见的异步代码包括定时器和ajax。js执行代码的流程是碰到同步代码就执行，碰到异步就交给浏览器的webAPI处理，当webAPI中的异步该执行时，webAPI会将需要执行的回调函数放在任务队列中，等候执行，所以，js中所有的异步代码总会在所有同步代码执行结束后，再执行任务队列中的代码。在这个问题中，循环是同步代码，定时器是异步代码，所以整个循环都执行结束以后才会执行定时器代码。
JS中的循环语句语法介绍以及简单应用
d1026891318的博客
11-09 705
JS中的for循环语句语法介绍以及简单应用
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、付费专栏及课程。

余额充值