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

相关推荐

行云流水1971:这份实习简历的优化建议: 结构清晰化:拆分 “校园经历”“实习经历” 板块(当前内容混杂),按 “实习→校园→技能” 逻辑排版,求职意向明确为具体岗位(如 “市场 / 运营实习生”)。 经历具象化:现有描述偏流程,需补充 “动作 + 数据”,比如校园活动 “负责宣传” 可加 “运营公众号发布 5 篇推文,阅读量超 2000+,带动 300 + 人参与”;实习内容补充 “协助完成 XX 任务,效率提升 X%”。 岗位匹配度:锚定目标岗位能力,比如申请运营岗,突出 “内容编辑、活动执行” 相关动作;申请市场岗,强化 “资源对接、数据统计” 细节。 信息精简:删减冗余表述(如重复的 “负责”),用短句分点,比如 “策划校园招聘会:联系 10 + 企业,组织 200 + 学生参与,到场率达 85%”。 技能落地:将 “Office、PS” 绑定经历,比如 “用 Excel 整理活动数据,输出 3 份分析表;用 PS 设计 2 张活动海报”,避免技能单独罗列。 优化后需强化 “经历 - 能力 - 岗位需求” 的关联,让实习 / 校园经历的价值更直观。 若需要进一步优化服务,私信
实习,投递多份简历没人回...
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

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