【前端基础知识】JavaScript的宏任务与微任务

JavaScript的宏任务与微任务

• 一、宏任务
• 二、微任务
• 三、宏任务与微任务的执行顺序
• 四、案例

一定要结合该文章！！【前端基础知识】event-loop事件循环机制（超级好理解，必学知识点，推荐收藏）

一、宏任务

宏任务有setTimeout, setInterval, DOM渲染, AJAX请求.
宏任务会被放入消息队列中。

二、微任务

微任务有Promise、async/await
微任务会被放入微任务队列中。

三、宏任务与微任务的执行顺序

微任务执行时间比DOM渲染早。
微任务->DOM渲染->宏任务

四、案例

Promise.resolve().then(() => {
    console.log('promise')
})
setTimeout(() => {
    console.log('settimeout')
}, 0);
console.log('global')

以上就是微任务和宏任务的内容，请关注《前端基础知识》专栏。
我会将自己平时项目中常见的问题以及笔试面试的知识在CSDN与大家分享，一起进步，加油。