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的事件机制#前端#
全部评论
你只需要记住Promise的then回调属于微任务,setTimeout属于宏任务。直观上微任务比宏任务优先(底层恰恰相反,因为解析一段代码也属于宏任务)
点赞 回复 分享
发布于 2019-04-19 21:44
楼主我这边运行的是324567
点赞 回复 分享
发布于 2019-04-19 21:57
说下自己的理解,如有不正确望大佬指正 //首先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
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
楼主,按你的输出来看,你应该是在 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

相关推荐

评论
点赞
收藏
分享
牛客网
牛客企业服务