js同步任务，宏任务，微任务 await promise setTimeout

最新推荐文章于 2024-08-16 11:35:39 发布

微个日光日

最新推荐文章于 2024-08-16 11:35:39 发布

阅读量622

点赞数 1

分类专栏： web前端 javascript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/xiebaochun/article/details/125524122

版权

本文深入探讨JavaScript中的异步执行机制，重点讲解宏任务和微任务的区别及其执行顺序。通过示例代码分析了async/await、Promise、setTimeout的执行流程，帮助理解JavaScript事件循环的工作原理。

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

记录一下小问题，关于微任务和宏任务

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

输出：

Why and How？
在js中，首先执行的是同步代码，遇到异步代码是先不管的。而异步代码里，分为宏任务和微任务，这两个任务是两个队列，所以是先进先出的
什么算宏任务？
SetTimeout
什么算微任务？
async/await、promise
这里需要注意的是，promise里的then才会被加入微任务，他的resolve，是同步里的。