腾讯云·社区
温故知新-Event Loop （2）
对原因的探寻不要半途而废~
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 ，毫无疑问
- 遇到setTimeout 将回调函数放到 异步执行队列中
- 遇到promise,是个微任务，此时同步任务队列中没有要执行的任务，所以执行then内的命令，输出6，遇到setTimeout 将setTimeout的回调函数塞到异步队列中
- 此时，此时只有异步任务队列中有两个setTimeout的回调函数，队列是先进先出，输出3，此时遇到了promise微任务，所以执行输出4，
- 最后执行另一个setTimeout的回调函数，输出7
*注意：这种执行环境是浏览器环境、或者node 11版本及以上都是以上输出结果，node 11开始将event loop 的循环机制与js的保持一致了，所以要注意node版本号哦！
本文分享自微信公众号 - 女程序员的日常（gh_df41d619fb70），作者：凛
原文出处及转载信息见文内详细说明，如有侵权，请联系 yunjia_community@tencent.com 删除。
原始发表时间：2020-11-04
本文参与腾讯云自媒体分享计划，欢迎正在阅读的你也加入，一起分享。
相关文章
云+社区
扫码关注云+社区
领取腾讯云代金券
我来说两句