微任务和宏任务

在JavaScript中,任务分为两种类型:微任务和宏任务。

微任务是在当前任务执行完成后立即执行的任务,例如Promise回调、MutationObserver回调等。微任务的执行优先级高于宏任务。

宏任务是在当前任务执行完成后,等待一定时间后再执行的任务,例如setTimeout回调、setInterval回调、事件回调等。

在任务队列中,微任务排在宏任务之前执行。

例如以下代码:

复制代码
console.log("start");

setTimeout(() => {
  console.log("setTimeout");
}, 0);

Promise.resolve().then(() => {
  console.log("promise");
});

console.log("end");

输出的结果为:

复制代码
start
end
promise
setTimeout

原因是先执行同步代码输出start和end,然后遇到微任务,执行Promise回调输出promise,最后执行宏任务输出setTimeout。

相关推荐
你撅嘴真丑3 分钟前
第八章 - 贪心法
开发语言·c++·算法
VT.馒头7 分钟前
【力扣】2625. 扁平化嵌套数组
前端·javascript·算法·leetcode·职场和发展·typescript
梵刹古音13 分钟前
【C语言】 浮点型(实型)变量
c语言·开发语言·嵌入式
历程里程碑13 分钟前
Linux 17 程序地址空间
linux·运维·服务器·开发语言·数据结构·笔记·排序算法
u01092727116 分钟前
模板元编程调试方法
开发语言·c++·算法
??(lxy)32 分钟前
java高性能无锁队列——MpscLinkedQueue
java·开发语言
数研小生36 分钟前
Full Analysis of Taobao Item Detail API taobao.item.get
java·服务器·前端
2401_8384725140 分钟前
C++图形编程(OpenGL)
开发语言·c++·算法
Shirley~~1 小时前
Vue-skills的中文文档
前端·人工智能
毎天要喝八杯水1 小时前
搭建vue前端后端环境
前端·javascript·vue.js