宏任务微任务

最新推荐文章于 2024-07-16 14:07:01 发布

L_squan

最新推荐文章于 2024-07-16 14:07:01 发布

阅读量103

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/L_squan/article/details/117811739

版权

js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

这篇博客深入探讨了JavaScript中的执行机制，详细阐述了同步与异步的区别，以及异步中的微任务和宏任务。通过示例代码解释了setTimeout、Promise和async/await在执行顺序中的作用，揭示了JavaScript事件循环的工作原理，帮助开发者理解JavaScript中的任务队列和执行栈的交互过程。

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

js代码执行时
可分为同步和异步而异步中又可分为微任务和宏任务

宏任务：setTimeout 、setInteval、Ajax、DOM事件（nextTick最早执行）
微任务：Promise、async/await

执行时
一般同步–》异步—》微任务 --》宏任务 —》

 console.log('---start---');//第一轮主线程
 
setTimeout(() => {
  console.log('setTimeout');  // 将回调代码放入个宏任务队列，第二轮宏任务执行
}, 0);
 
new Promise((resolve, reject) => {
  console.log('---Promise第一轮微任务同步执行---');//第一轮微任务同步执行
  resolve()
}).then(()=>{
  console.log('Promise.then实例成功回调执行'); // 将回调代码放入微任务队列，第一轮宏任务执行完后立即执行
});
 
console.log('---end---');//第一轮主线程结束