JavaScript中的事件循环 为什么是微任务先运行

无意中看到这个问题,以下是个人的看法

1、性能和响应性: 微任务通常比宏任务执行得更快,因为微任务通常涉及更少的工作量。将微任务放在宏任务之前可以尽早执行那些需要快速响应的任务,提高系统的响应性能

2、Promise 的异步特性: 微任务常常与 Promise 相关,而 Promise 的设计目标之一是提供一种异步编程的方式。为了确保 Promise 的行为符合开发者的预期,微任务需要优先执行

3、避免死循环: 如果宏任务中产生了微任务,如果微任务不优先执行,而是等宏任务执行完再执行微任务,可能会导致宏任务和微任务之间的死循环。通过优先执行微任务,可以避免这种情况。

总体而言,微任务先执行是为了更好地管理异步任务,提高性能和响应性,并确保 Promise 的异步特性得到正确的实现。

怎么理解死循环呢,看看下面这个例子

// 宏任务
setTimeout(() => {console.log('宏任务开始');// 微任务Promise.resolve().then(() => {console.log('微任务开始');// 重复调用宏任务setTimeout(() => {console.log('宏任务嵌套');}, 0);console.log('微任务结束');});console.log('宏任务结束');
}, 0);

在这个例子中,当宏任务中的微任务执行时,又调度了一个新的宏任务,这样就形成了一个宏任务和微任务之间的循环。如果这个循环不受控制,可能导致无限嵌套的任务,造成死循环。

通过优先执行微任务,可以确保在宏任务之间执行微任务,从而打破潜在的死循环。如果微任务执行的时候又调度了新的宏任务,那么这个新宏任务会在当前宏任务执行完毕后被执行,而不是立即执行,从而避免了无限循环。

总的来说,“避免死循环” 是指在异步任务的处理中,合理控制任务的执行顺序,避免无限循环或递归,保证程序能够正常地执行其他任务,而不陷入无尽的重复。优先执行微任务有助于管理异步流程,避免不必要的死循环。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/160574.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

3d标签云实现过程(tagcloud.js)同步原生和 vue

写在前面 本来是没有准备写这个知识点,但是下载这个 js 的时候发现很多都是要钱或者是积分的,我就不明白了一个开源了这么久的 js 怎么还有人拿来挣钱的,同时还有一些只有原生 html 的例子,但是现在都是 框架主导的一些项目&#…

【Exception】Error: Dynamic require of “path“ is not supported

Talk is cheap, show me the code. 环境 | Environment kversionOSwindows 11Node.jsv18.14.2npm9.5.0vite5.0.0vue3.3.8 报错日志 | Error log >npm run dev> app10.0.0 dev > viteERROR failed to load config from C:\code\frontend\app1\vite.config.js …

【LeetCode二叉树进阶题目】606,102,107

二叉树进阶题目 606. 根据二叉树创建字符串解题思路及实现 102. 二叉树的层序遍历解题思路及实现 107. 二叉树的层序遍历 II解题思路及实现 606. 根据二叉树创建字符串 描述 给你二叉树的根节点 root ,请你采用前序遍历的方式,将二叉树转化为一个由括号…

从零开始学习typescript——运算符(算术运算符、赋值运算符、比较运算符)

算术运算符 算术运算符主要是针对数值类型和长整型;包括有加法、减法、乘法、除法、自增、自减等运算 加法() let x:number1let y:number 2console.log(xy)减法(-) let x:number1let y:number 2console.log(y-x)乘法…

晶振有哪几种?晶振旁边的两个电容起什么作用?

晶振可以分为普通晶振、温补晶振、压控晶振、恒温晶振、差分晶振。 普通晶振通常用作微处理器的时钟器件,主要应用于那些稳定度要求不要的设备中,例如电视机、微波炉。 温补晶振,在晶振内部采取了对晶体频率、温度特性进行补偿,已…

软件工程理论与实践 (吕云翔) 第十三章 软件测试方法与过程课后习题及其答案解析

第十三章 软件测试方法与过程 1.判断题 (1)白盒测试无须考虑模块内部的执行过程和程序结构,只需了解模块的功能即可。() 解析:白盒测试需要考虑模块内部的执行过程和程序结构,以便设计测试用例和覆盖代码路径。 &a…

软文推广有什么作用?媒介盒子分享

数字时代,品牌方以往的营销打法可能需要应时而变,传统的广告模式很难将品牌推广出去,原因就在于传统广告的成本高昂并且针对性较弱,而软文推广能够通过较低的成本将产品或品牌信息送到消费者面前,今天媒介盒子就来分享…

58同城算法工程师一面&二面 面试题

来源:投稿 作者:LSC 编辑:学姐 一面 40min 1.Gbdt和xgboost的区别 XGBoost是对GBDT的改进和扩展,它提供了更高的效率、更好的性能、正则化技术、内置特征选择等功能。 (1)正则化: GBDT使用基本的树模型,并在每一轮…

vue3.0 + qiankun遇到的问题

进入子应用再回到主应用切换动态路由时 TypeError: Cannot read properties of undefined (reading ‘appWrapperGetter’) application ‘plat’ died in status UNMOUNTING: instance.$destroy is not a function 第一个报错是因为子应用切走时没有销毁 vue的实例&#xff0…

常用RFC规范汇总

官网:https://www.rfc-editor.org/ The RFC Series (ISSN 2070-1721) contains technical and organizational documents about the Internet, including the specifications and policy documents produced by five streams: the Internet Engineering Task Force …

TCP/IP

分层模型 TCP 传输控制协议 UDP 用户数据包协议 四层 应用层 负责发送/接收消息 传输层 负责拆分和组装 .期间会有编号 网络层 TCP/UDP 属于网络层, 不会判断和处理编号 数据链路层 以太网 ,网络设备 TCP 连接 TCP连接需要端口,进行通信 Java 通过Socket 接收消息 发送 …

基于SpringBoot+Vue的体检预约管理系统

基于SpringBootVue的体检预约管理系统的设计与实现~ 开发语言:Java数据库:MySQL技术:SpringBootMyBatisVue工具:IDEA/Ecilpse、Navicat、Maven 系统展示 主页 管理员界面 用户界面 摘要 体检预约管理系统是一种基于Spring Boot…

Vue3常用操作

一、Vue3项目构建 1、安装最新版本vue npm create vuelatest 2、选择需要的配置 3、进入项目 cd 项目名称 4、下载依赖 npm install 5、启动项目 npm run dev

chatGLM3微调

文章目录 一、问答数据集生成器使用设置问题启动使用产出效果 二、进行微调第一步:下载模型第二步:项目准备2.1 下载项目2.2 然后使用 pip 安装依赖2.3 开始 第三步进行微调3.1安装相关依赖3.2准备数据集,并且上传3.3对数据集进行预处理3.4 进…

如何使用技术SEO来优化评论

你在网上购买吗?我的意思是,在当今时代,谁不这样做?作为买家,无论您想购买什么,您都了解全面和高质量评论的价值。这是您在决定是否购买产品时考虑的重要因素。 这就是为什么许多人在网上购物之前使用评论…

移动端click事件、touch事件、tap事件的区别

在移动端,有三种常见的事件类型,click事件、touch事件、tap事件。它们的区别如下: click事件:click事件是在用户点击屏幕的时候触发,如果是移动设备,则会在用户点击屏幕的同时触发touch事件。但是&#xff…

【开源】基于Vue和SpringBoot的康复中心管理系统

项目编号: S 056 ,文末获取源码。 \color{red}{项目编号:S056,文末获取源码。} 项目编号:S056,文末获取源码。 目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 普通用户模块2.2 护工模块2.3 管理员…

uni-app中vue3+setup实现下拉刷新、上拉加载更多效果

在小程序或各类app中,下拉刷新和上拉加载更多是极为常见和使用非常频繁的两个功能,通过对这两个功能的合理使用可以极大的方便用户进行操作。 合理的设计逻辑才能更容易挽留住用户,因为这些细节性的小功能点就变得极为重要起来。 那么在uni…

基于WEB的停车场管理系统的设计和实现【附源码】

基于WEB的停车场管理系统的设计和实现 摘 要 随着现代社会的快速发展,人民生活水平快速提高,汽车的数量飞速增加,与此同时停车问题也越来越受到人们的关注,为了实现对停车场进行有效的管理,结合一些停车场的模式和现状…

游戏被攻击了怎么办

随着网络技术和网络应用的发展,网络安全问题显得越来越重要,在创造一个和谐共赢的互联网生态环境的路途中总是会遇到各种各样的问题。最常见的当属于DDOS攻击(Distributed Denial of Service)即分布式阻断服务。由于容易实施、难以…