微任务和宏任务

在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 分钟前
Kotlin协程的运行原理
android·开发语言·kotlin·协程
隐退山林5 分钟前
JavaEE进阶:SpringIoC&DI
java·开发语言·java-ee
水煮白菜王5 分钟前
Claude Code 全方位使用手册
java·开发语言·网络
invicinble6 分钟前
前端框架使用vue-cli( 第四层:业务源码层--登陆页相关)
前端·vue.js·前端框架
Highcharts.js6 分钟前
金融Web App中的复杂时序数据可视化:从选型到高性能实践
开发语言·金融·highcharts·实战代码·响应式图表
Rooting++6 分钟前
vue2强制刷新路由的办法
前端·javascript·vue.js
郝学胜-神的一滴9 分钟前
跨平台 C++ 静态库编译实战:Linux/Windows/macOS 三端统一实现
linux·开发语言·c++·windows·软件构建
nunumaymax9 分钟前
【第四章-react ajax】
前端·react.js
前端若水9 分钟前
层叠层(@layer):彻底解决优先级战争,告别 !important
前端·css·css3
xyq202412 分钟前
XHR 请求详解
开发语言