javascript的一道题,求大佬讲解?

Promise.resolve().then(() => console.log(2)); new Promise((resolve, reject) => {
    resolve(); console.log(3);
}).then(() => console.log(4)); setTimeout(() => {  Promise.resolve().then(() => console.log(5));  setTimeout(() => console.log(7), 0);
}, 0); setTimeout(() => console.log(6), 0);

结果顺序是:3 2 4 6 5 7
有人能解释一下具体原因吗?不是太明白,尤其是settimeout的事件机制#前端#
全部评论
楼主,按你的输出来看,你应该是在 node 环境(浏览器环境下情况已经有人回答了,这里补充一下 node 环境的) node 下事件循环是多个阶段分别维护不同队列的,执行时把当前阶段的队列中的所有任务完成后再进入下一阶段,这也是为什么会顺序输出 6, 5, 7 的原因(先把 timer 队列中的执行完) 具体可以参考 node 官方文档: https://nodejs.org/zh-cn/docs/guides/event-loop-timers-and-nexttick/
点赞 回复 分享
发布于 2019-04-19 22:20
Promise.resolve().then(() => console.log(2)); newPromise((resolve, reject) => {     resolve();  console.log(3); }).then(() => console.log(4)); setTimeout(() => {  Promise.resolve().then(() => console.log(5));      setTimeout(() => console.log(7), 0); }, 0);  setTimeout(() => console.log(6), 0); 首先主代码进入执行栈, 遇到第一句,将该promise压入微任务队列, 遇到第二句,打印 3 同时将该微任务压入promise 遇到第三句,将该任务压入宏任务 ,遇到第四句 将该任务压入宏任务 到此 主任务执行完毕,开始执行 微任务(微任务优先宏任务)  打印语句2, 打印语句4 到此 微任务执行完毕,开始执行 宏任务 =》 将微任务压入队列,将宏任务压入队列   执行完毕后 检测是否有微任务如果有就执行 打印5, 执行完毕后打印 宏任务 6 ,7  因此顺序是  3 2 4 5 6 7  
点赞 回复 分享
发布于 2019-04-19 22:02
说下自己的理解,如有不正确望大佬指正 //首先script作为第一个宏任务进入主线程,遇到promise.then放到微任务Event Queue中,记为p1,遇到new promise里的console.log直接输出3,then被分发到微任务Event Queue中,记为p2 //遇到第一个setTimeout,其回调函数被分发到宏任务Event Queue中。记为setTimeout1 //又遇到了第二个setTimeout,其回调函数被分发到宏任务Event Queue中,记为setTimeout2 //一轮过后就输出了3 //然后查看微任务Event Queue,发现p1和p2,输出2,4 //此时第一轮事件循环正式结束 //然后查看宏任务Event Queue,发现setTimeout1,promise.then放入微任务Event Queue,setTimeout放入宏任务,记录setTimeout3, //查看微任务event queue,输出5,此时第二个宏任务结束, //查看宏任务Event Queue,发现setTimeout2,执行输出6,此时第三轮宏任务结束 //查看宏任务Event Queue,发现setTimeout3,执行输出7 //结果应该是3,2,4,5,6,7
点赞 回复 分享
发布于 2019-04-19 21:57
楼主我这边运行的是324567
点赞 回复 分享
发布于 2019-04-19 21:57
你只需要记住Promise的then回调属于微任务,setTimeout属于宏任务。直观上微任务比宏任务优先(底层恰恰相反,因为解析一段代码也属于宏任务)
点赞 回复 分享
发布于 2019-04-19 21:44

相关推荐

2025-12-28 20:47
已编辑
北京工商大学 Java
程序员牛肉:我靠你这个实习经历其实最需要担心的点是你做的太多了,可能会被面试官怀疑是你伪造的。 交易状态机是你做的,支付多渠道是你做的,对账是你做的,结算还是你做的,重复支付也是你做的,整个服务的异常处理也是你做的。 其实你这个反而问题很大的,你想想站在面试官的角度,他是真的会相信你的能力很强,还是相信这份实习你伪造了大部分?我相信你真的做了这么多,但是删一些,废话删一删。你这个做的太多了反而真实性不可信。 后面再补一个项目,在github上找一个高star的项目学一学然后写到自己简历上。我觉得你能力肯定没问题。28届能做到这个份上很厉害,但是在求职市场中,你不是在跟28届的同学比,把你这个简历放到27届其实也就一般水平。 所以后续要想一想看看能不能给自己简历上搞点亮点,比如开源贡献呢?比如博客呢?
实习要如何选择和准备?
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务