问答题【873/1593】【Promise第10题】下面代码的输出是什么？
1Promise.resolve().then(() => { 2 console.log('promise1'); 3 const timer2 = setTimeout(() => { 4 console.log('timer2') 5 }, 0) 6}); 7const timer1 = setTimeout(() => { 8 console.log('timer1') 9 Promise.resolve().then(() => { 10 console.log('promise2') 11 }) 12}, 0) 13console.log('start'); 14
难度：
2022-01-09 创建参考答案
题目要点
个人笔记
参考答案：
过程分析
- 刚开始整个脚本作为第一次宏任务来执行，我们将它标记为宏1，从上至下执行
- 遇到Promise.resolve().then这个微任务，将then中的内容加入第一次的微任务队列标记为微1
- 遇到定时器timer1，将它加入下一次宏任务的延迟列表，标记为宏2，等待执行(先不管里面是什么内容)
- 执行宏1中的同步代码start
- 第一次宏任务(宏1)执行完毕，检查第一次的微任务队列(微1)，发现有一个promise.then这个微任务需要执行
- 执行打印出微1中同步代码promise1，然后发现定时器timer2，将它加入宏2的后面，标记为宏3
- 第一次微任务队列(微1)执行完毕，执行第二次宏任务(宏2)，首先执行同步代码timer1
- 然后遇到了promise2这个微任务，将它加入此次循环的微任务队列，标记为微2
- 宏2中没有同步代码可执行了，查找本次循环的微任务队列(微2)，发现了promise2，执行它
- 第二轮执行完毕，执行宏3，打印出timer2
结果
'start'
'promise1'
'timer1'
'promise2'
'timer2'
最近更新时间：2024-07-20
