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

就叫Eden啦

米哈游_前端开发工程师

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

等一个offer呀呀呀

Nanyang Technological University 前端工程师

说下自己的理解，如有不正确望大佬指正 //首先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