黑马程序员技术交流社区
标题:
【上海校区】promise打印顺序问题
[打印本页]
作者:
透露姓名的网民
时间:
2020-3-5 20:59
标题:
【上海校区】promise打印顺序问题
new Promise((resolve, reject) => {
console.log("外部promise");
resolve();
})
.then(() => {
console.log("外部第一个then");
return new Promise((resolve, reject) => {
console.log("内部promise");
resolve();
})
.then(() => {
console.log("内部第一个then");
})
.then(() => {
console.log("内部第二个then");
});
})
.then(() => {
console.log("外部第二个then");
});
解析：
执行过程：
1. 执行同步任务，打印出"外部promise" -> 遇到resolve，改变promise状态，并且调用第一个then方法，将第一个then中的callback注册到微任务队列>
2. 此时执行栈清空，微任务队列中的callback推入执行栈
3. 执行同步任务，打印"外部第一个then"， 接着遇到了return，所以要等到当前第一个then中的所有代码执行完毕，才能调用外部第二个then
4. 执行同步代码，打印出"内部promise"，遇到resolve改变状态，调用内部第一个then，此时同步任务结束
5. 微任务队列中的callback被推入执行栈，打印出"内部第一个then"，此时内部第一个then中的同步任务完成，调用内部第二个then方法，将其callback注册到微任务
6. 同步任务执行完毕，查询微任务，打印"内部第二个then"，此时外部第一个then中的所有代码执行完毕，返回，于是调用外部第二个then方法，注册内部的callback
7.打印"外部第二个then"
!!!注意，resolve执行时做两件事：1，改变当前promise的状态，2. 调用紧跟在其后的then方法，then方法是同步执行的，callback会被注册在微任务队列中，微任务队列的执行顺序是先进先出。
作者:
放荡的人生
时间:
2020-4-9 17:07
够够的棒
作者:
小影姐姐
时间:
2020-4-9 17:14
加油同学,加油黑马！
作者:
晨大喵
时间:
2020-4-9 17:17
加油加油
作者:
小影姐姐
时间:
2020-4-9 17:18
努力！奋斗！
作者:
小影姐姐
时间:
2020-4-9 17:18
努力！奋斗！
作者:
xiaowang66
时间:
2020-4-9 17:52
作者:
放荡的人生
时间:
2020-4-23 17:13
加油
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2
