问答题【845/1593】【Promise第38题】下面代码的输出是什么？
1const first = () => (new Promise((resolve, reject) => { 2 console.log(3); 3 let p = new Promise((resolve, reject) => { 4 console.log(7); 5 setTimeout(() => { 6 console.log(5); 7 resolve(6); 8 console.log(p) 9 }, 0) 10 resolve(1); 11 }); 12 resolve(2); 13 p.then((arg) => { 14 console.log(arg); 15 }); 16})); 17first().then((arg) => { 18 console.log(arg); 19}); 20console.log(4); 21
难度：
2022-01-09 创建参考答案
题目要点
个人笔记
参考答案：
解析
- 第一段代码定义的是一个函数，所以我们得看看它是在哪执行的，发现它在4之前，所以可以来看看first函数里面的内容了。
- 函数first返回的是一个
new Promise()，因此先执行里面的同步代码3 - 接着又遇到了一个
new Promise()，直接执行里面的同步代码7 - 执行完7之后，在p中，遇到了一个定时器，先将它放到下一个宏任务队列里不管它，接着向下走
- 碰到了
resolve(1)，这里就把p的状态改为了resolved，且返回值为1，不过这里也先不执行 - 跳出p，碰到了
resolve(2)，这里的resolve(2)，表示的是把first函数返回的那个Promise的状态改了，也先不管它。 - 然后碰到了
p.then，将它加入本次循环的微任务列表，等待执行 - 跳出first函数，遇到了
first().then()，将它加入本次循环的微任务列表(p.then的后面执行) - 然后执行同步代码4
- 本轮的同步代码全部执行完毕，查找微任务列表，发现
p.then和first().then()，依次执行，打印出1和2 - 本轮任务执行完毕了，发现还有一个定时器没有跑完，接着执行这个定时器里的内容，执行同步代码5
- 然后又遇到了一个resolve(6)，它是放在p里的，但是p的状态在之前已经发生过改变了，因此这里就不会再改变，也就是说resolve(6)相当于没任何用处，因此打印出来的p为
Promise{<resolved>: 1}。
结果
3
7
4
1
2
5
Promise{<resolved>: 1}
最近更新时间：2024-07-20
