setTimeout async/await promise执行顺序详解

最新推荐文章于 2024-07-30 14:05:53 发布

m0_53316381

最新推荐文章于 2024-07-30 14:05:53 发布

阅读量436

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/m0_53316381/article/details/115418818

版权

本文介绍了JavaScript中同步代码、异步代码的执行顺序，特别是宏任务和微任务的区别。重点讲解了async/await如何与Promise结合，以及在setTimeout中的运行机制。通过例子分析了async函数的执行流程，包括await如何阻塞代码执行，以及new Promise和then的处理。文章最后提到，虽然理解了基本流程，但await的底层原理仍需深入研究。

摘要由CSDN通过智能技术生成

第一次面试，就挂在了异步执行顺序上，setTimeout async/await promise的执行顺序，搞不清楚，看了许多博客，但在关键点不是很详细。
可以先看一下大佬的解释：网页链接

async function async1() {
   
   console.log('async1 start')
   await async2()
   console.log('async1 end')
}
async function async2() {
   
   console.log('async2')
}
console.log('script start')
setTimeout(() => {
   
	console.log('setTimeout')
},0)
async1()
new Promise((resolve) => {
   
	console.log('promise1')
	resolve()
}).then(() => {
   
	console.log('promise2')
}