问答

js中用var和let定义循环变量输出,不是应该先输出5个5吗,结果却

作者:admin 2021-05-13 我要评论

for (var b = 0; b 5; b++) { setTimeout(() = console.log(b), 0);}for (let i = 0; i 5; i++) { console.log(i)} 这排版我也是醉了,顺手帮你改下 by @边城 20...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)
for (var b = 0; b < 5; b++) {
    setTimeout(() => console.log(b), 0);
}
for (let i = 0; i < 5; i++) {
    console.log(i)
}

111.png

这排版我也是醉了,顺手帮你改下

by @边城 2020-12-05 15:27

###

这涉及到了(1)let、var的区别 (2)浏览器的事件循环机制。

1、为啥上面输出 5 个 5,下面输出 0 1 2 3 4

变量 b 是var命令声明的,在全局范围内都有效,所以全局只有一个变量 b 。每一次循环,变量b的值都会发生改变,循环内部的 console.log(b) ,里面的 b 指向的就是全局的 b 。所以输出了5个5。

变量 i 是 let 声明的,当前的 i 只在本轮循环有效,所以每一次循环的 i 其实都是一个新的变量。所以输出了 0 1 2 3 4 。

2、为啥先输出 0 1 2 3 4 再输出 5 个5呢?

setTimeout的意思是传递一个函数,延迟一段时间把该函数添加到队列中,并不是立即执行。即便时间写了0 ,也不是立即执行,要等主进程空闲了才会被执行。

异步任务会把回调函数加到任务队列(先进先出),等主进程的空闲了,才被读取到主进程(调用栈后进先出)中执行。

也就是说所有传递给setTimeout的回调方法都会在整个环境下的所有代码运行完毕之后执行。

更详细的请看这篇文章:
const、let、var + 浏览器的事件循环机制

###

你需要了解 事件循环,setTimeout 就算延迟 0 ms 也是一个新的宏任务, 01234 是在当前宏任务里输出的

###
for (var b = 0; b < 5; b++) {
    setTimeout(() => console.log("var", b), 0);
}
for (let i = 0; i < 5; i++) {
    console.log("let", i)
}

现在就清楚了 var 和 let 的输出

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 请问下prometheus怎么进行自定义的按业

    请问下prometheus怎么进行自定义的按业

  • 节流函数为什么,点击无效,监听窗口大

    节流函数为什么,点击无效,监听窗口大

  • express访问静态资源失败

    express访问静态资源失败

  • IE 浏览器下 match 方法报错

    IE 浏览器下 match 方法报错

腾讯云代理商
海外云服务器