当前位置: 首页 > article >正文

【JavaScript】JS代码执行流程

宏任务和微任务有哪些?

  • 宏任务:整体代码script、setTimeout、setInterval、setImmediate、i/o操作(输入输出,比如读取文件操作、网络请求)、ui render(dom渲染,即更改代码重新渲染dom的过程)、异步ajax等
  • 微任务:Promise(then、catch、finally)、async/await、process.nextTick、Object.observe(⽤来实时监测js中对象的变化)、 MutationObserver(监听DOM树的变化)

执行顺序

在这里插入图片描述

  • js代码在执行的时候,会先执行同步任务,遇到异步宏任务则将异步宏任务放入宏任务队列中,遇到异步微任务则将异步微任务放入微任务队列中。
  • 当所有同步代码执行完毕后,再将异步微任务从队列中调入主线程执行。
  • 微任务执行完毕后,再将异步宏任务从队列中调入主线程执行。
  • 一直循环至所有的任务执行完毕(完成一次事件循环EventLoop)。
  • 每个异步宏任务执行完之后,都会检查是否存在待执行的微任务;如果有,则执行完所有的微任务之后,再继续执行下一个宏任务。

事件循环

  • 一次事件循环只能处理一个宏任务,一次事件循环可以将所有的微任务处理完毕。
  • 事件循环是⼀个循环体,在循环体中有 6 个阶段,在每个阶段中,都有⼀个事件队列,不同的事件队列存储了不同类型的异步API 的回调函数。 事件循环在每次执⾏的时候,都有6 个阶段的事情要做

习题冶炼


http://www.kler.cn/a/303716.html

相关文章:

  • 【Rust 编程语言工具】rustup-init.exe 安装与使用指南
  • 「QT」窗口类 之 QWidget 窗口基类
  • 神仙级网络安全入门教程(非常详细),从零基础入门到精通,从看这篇开始!
  • CCI3.0-HQ:用于预训练大型语言模型的高质量大规模中文数据集
  • Spring Cloud Gateway(分发请求)
  • 项目风险管理的3大要素
  • [C#学习笔记]接口的特性与用法
  • OceanBase 基于企业版本OAT安装与OMS安装与InfluxDB的集成
  • Spring Boot 框架下的房屋租赁业务创新
  • react 组件化开发_生命周期_表单处理
  • 【python2C】1. 输入 (补)
  • Ai产品经理
  • 网络搜索记录会被监控吗?一文带你看懂【打工人必看】
  • 新书速览|循序渐进Vue.js 3.x前端开发实践
  • 上海证券交易所特定参与者接口规格说明书(托管银行卷)1.35 版
  • GitHub Copilot Issue in Visual Studio Code “Status Ready (disabled)“
  • SpringBoot开发——整合Redis
  • 鸿蒙NEXT(API 12)【蓝牙设置】 网络开发
  • 基于SpringBoot+Vue+MySQL的笔记记录分享网站
  • “阡陌云旅”黄河九省文化旅游平台
  • solidity-19-fallback
  • LeetCode之二叉搜索树
  • uniapp登录页面( 适配:pc、小程序、h5)
  • Leetcode面试经典150题-349.两个数组的交集
  • 设计模式 -- 单例设计模式
  • 新能源汽车 BMS 学习笔记篇—BMS 基本定义及分类