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

相关推荐
野老杂谈6 小时前
【Solidity学习】合约基本结构与状态变量
学习·区块链
承渊政道7 小时前
C++学习之旅【C++类和对象(下)】
c++·学习·visual studio
哆啦A梦158813 小时前
商城后台管理系统 03 登录布局
javascript·vue.js·elementui
旖旎夜光13 小时前
多态(11)(下)
c++·学习
曼巴UE514 小时前
UE FString, FName ,FText 三者转换,再次学习,官方文档理解
服务器·前端·javascript
selt79114 小时前
Redisson之RedissonLock源码完全解析
android·java·javascript
行走的陀螺仪14 小时前
高级前端 Input 公共组件设计方案(Vue3 + TypeScript)
前端·javascript·typescript·vue·组件设计方案
全栈陈序员15 小时前
【Python】基础语法入门(十七)——文件操作与数据持久化:安全读写本地数据
开发语言·人工智能·python·学习
一颗不甘坠落的流星15 小时前
【Antd】基于 Upload 组件,导入Json文件并转换为Json数据
前端·javascript·json