前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >温故知新-Event Loop (2)

温故知新-Event Loop (2)

作者头像
用户3258338
发布2020-11-09 15:35:12
2470
发布2020-11-09 15:35:12
举报

对原因的探寻不要半途而废~

代码语言:javascript
复制
console.log(1);
setTimeout(()=>{
    console.log(3);
    Promise.resolve().then(()=>{
        console.log(4);
    })
})
Promise.resolve().then(()=>{
    console.log(6);
    setTimeout(()=>{
        console.log(7)
    })
}) 
// 1 6 3 4 7
  1. 先输出1 ,毫无疑问
  2. 遇到setTimeout 将回调函数放到 异步执行队列中
  3. 遇到promise,是个微任务,此时同步任务队列中没有要执行的任务,所以执行then内的命令,输出6,遇到setTimeout 将setTimeout的回调函数塞到异步队列中
  4. 此时,此时只有异步任务队列中有两个setTimeout的回调函数,队列是先进先出,输出3,此时遇到了promise微任务,所以执行输出4,
  5. 最后执行另一个setTimeout的回调函数,输出7

*注意:这种执行环境是浏览器环境、或者node 11版本及以上都是以上输出结果,node 11开始将event loop 的循环机制与js的保持一致了,所以要注意node版本号哦!

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2020-11-04,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 女程序员的日常 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档