【前端学习——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 分钟前
nest.js websocket 群聊----私聊功能
前端·nestjs
流光D7 分钟前
AI Era: Building Web Sites and Configuring Nginx Reverse Proxy Process
前端·人工智能·nginx
sakidd7 分钟前
VS Code 的 AI Chat 现在已经这么能干了?
前端
kkkkkkkkkk_Z11 分钟前
学嵌入式和Linux应用编程|学习日记:计算机网络基础
linux·学习·计算机网络
麦田里的粮仓12 分钟前
图形设计工具箱(免费开源)
学习
计算机魔术师16 分钟前
英伟达砸130亿美元买下一个平台,黄仁勋到底在怕什么?
前端
每天题库21 分钟前
交安C证报考条件有哪些?公路水运安全员C证报名时间及考试科目
学习·安全·考试·题库·考证
全栈项目管理程序猿23 分钟前
ArcGIS JS 基础教程(18):SceneLayer 场景图层
javascript
leoZ23127 分钟前
第 2 篇:搭建地基——Vue3 + Vite + Tailwind v4 + shadcn-vue
前端·javascript·vue.js·人工智能·目标检测·数据挖掘·语音识别
coderCN1 小时前
Nodejs path OS process child_process FS crypto zlib ffmpeg Markdown 转 html
前端