【前端学习——js】宏任务,微任务

pink老师讲解视频

https://www.bilibili.com/video/BV1G84y1B7hZ/?spm_id_from=333.788\&vd_source=5cef5968d539682b683e7d01b00ad01b

宏任务(浏览器,node发起)

  • script
  • 事件
  • ajax,fetch
  • 定时器 settimeout、setinterval

微任务(js引擎发起)

  • promise
    promise本身同步,但then、catch异步

代码可分为,执行顺序为:

同步代码
微任务异步代码
  • promise.then.catch
  • async/await
宏任务异步代码
  • script
  • 定时器

流程:

1.先将同步代码放到执行栈,微任务放到微任务队列(先进先出),宏任务也有队列

2.执行完同步代码后去微任务队列执行微任务,然后宏任务

相关推荐
英俊潇洒美少年1 分钟前
vue3的编译优化
前端
DaHai9 分钟前
在 Windows 上安装 uv(高性能 Python 包管理器)
前端
Dxy123931021613 分钟前
ECharts折线图入门学习:从基础到实战的完整指南
学习·信息可视化·echarts
Lee川17 分钟前
🔍 React 面试官眼中的“秘密武器”:深度剖析 useRef
前端·react.js·面试
小文大数据20 分钟前
python实现HTML转PDF
java·前端·数据库
永恒_顺其自然32 分钟前
Java Web 传统项目异步分块上传系统实现方案
java·开发语言·前端
_李小白34 分钟前
【OSG学习笔记】Day 25: OSG 设计架构解析
笔记·学习·架构
后藤十八里38 分钟前
维普期刊逆向笔记
javascript·笔记·js逆向
风中的小熊生气40 分钟前
MQ 学习笔记
笔记·学习
百撕可乐40 分钟前
NextJS官网实战01:Vue与React的区别
前端·react.js·前端框架