微任务和宏任务

在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。

相关推荐
程序员爱钓鱼17 小时前
Node.js 编程实战:图像与文件上传下载
前端·后端·node.js
kong790692818 小时前
环境搭建-运行前端工程(vue)
前端·前端环境
谷歌开发者18 小时前
Web 开发指向标|开发者工具 AI 辅助功能的 5 大实践应用
前端·人工智能
kkai人工智能19 小时前
AI写作:从“废话”到“爆款”
开发语言·人工智能·ai·ai写作
lizz311 天前
C++模板编程:从入门到精通
java·开发语言·c++
shoubepatien1 天前
JAVA -- 05
java·开发语言
寰天柚子1 天前
Java并发编程中的线程安全问题与解决方案全解析
java·开发语言·python
沐知全栈开发1 天前
Bootstrap 下拉菜单:设计与实现指南
开发语言
晚烛1 天前
实战前瞻:构建高可靠、强协同的 Flutter + OpenHarmony 智慧教育平台
javascript·flutter·html
Evand J1 天前
【MATLAB例程】多锚点RSSI定位和基站选择方法,基于GDOP、基站距离等因素。以Wi-Fi定位为例,附下载链接
开发语言·matlab·定位·gdop·rssi