【前端学习——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.执行完同步代码后去微任务队列执行微任务,然后宏任务

相关推荐
dorisrv5 分钟前
优雅的React表单状态管理
前端
蓝瑟23 分钟前
告别重复造轮子!业务组件多场景复用实战指南
前端·javascript·设计模式
Clarence Liu32 分钟前
redis学习 (1) 基础入门
数据库·redis·学习
qq_5710993541 分钟前
学习周报二十五
学习
崇山峻岭之间43 分钟前
C++ Prime Plus 学习笔记027
c++·笔记·学习
dorisrv44 分钟前
高性能的懒加载与无限滚动实现
前端
韭菜炒大葱1 小时前
别等了!用 Vue 3 让 AI 边想边说,字字蹦到你脸上
前端·vue.js·aigc
StarkCoder1 小时前
求求你,别在 Swift 协程开头写 guard let self = self 了!
前端
清妍_1 小时前
一文详解 Taro / 小程序 IntersectionObserver 参数
前端
电商API大数据接口开发Cris1 小时前
构建异步任务队列:高效批量化获取淘宝关键词搜索结果的实践
前端·数据挖掘·api