为了账号安全,请及时绑定邮箱和手机立即绑定

问一下闭包和for循环的问题

问一下闭包和for循环的问题

烙印99 2018-10-12 14:15:16
for(var i = 1; i<=5; i++){setTimeout(function () {     console.log(i); }, i*1000);}这段代码中为何1000秒*i中的i的值为1
查看完整描述

1 回答

?
FFIVE

TA贡献1797条经验 获得超6个赞

首先问题问错了,你应该这么问:
这段代码中为何1000秒*i中的i的值分别为1,2,3,4,5(或者为啥1秒输出一次),而最后打印的i是6

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

从头来i=1,执行了

setTimeout(function () {console.log(i);}, i*1000);

注意是setTimeout()(函数的调用)的形式。所以i*1000是实参,需要找i的具体值,i=1,也就是执行了setTimeout(function () {console.log(i);}, 1*1000);
而前面的function () {console.log(i);}只是声明了一个匿名函数作为setTimeout的第一个参数,作为回调函数等会执行。
同样i=2,执行了setTimeout(function () {console.log(i);}, 2*1000);
同样i=3,执行了setTimeout(function () {console.log(i);}, 3*1000);
同样i=4,执行了setTimeout(function () {console.log(i);}, 4*1000);
同样i=5,执行了setTimeout(function () {console.log(i);}, 5*1000);
最后i++,i=6,不满足限制条件i<=5,停止循环,此时i=6
然后等待事件队列中的回调函数执行。
按照时间1s到了执行function () {console.log(i),去外部作用域查找i,i=6,输出6,
2s,3s,4s,5s同理,所以输出5个6

先去看下作用域的概念,再看下函数执行顺序,最后可以查查event loop。


查看完整回答
反对 回复 2018-11-08
  • 1 回答
  • 0 关注
  • 531 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信