EventLoop事件循环

news2024/12/27 11:11:42

JavaScript是单线程语言

  • 单线程执行任务队列的问题: 如果前一个任务非常耗时,则后续任务不得不等待,从而导致程序假死的问题。

同步任务和异步任务

​ 为了防止某个耗时任务程序导致假死的问题,javascript把待执行的任务分为两类:

同步任务(synchronous)

  • 又叫非耗时任务,指的是主线程上排队执行的任务
  • 按照顺序执行

异步任务(asynchronous)

  • 又叫耗时任务,异步任务由javascipt委托给宿主环境进行执行
  • 当异步任务执行完成后,会通知javascipt主线程执行异步任务的回调函数

同步任务和异步任务的执行过程

  1. 同步任务由javascipt主线程按次序执行

  2. 异步任务委托给宿主环境执行

  3. 已完成的异步任务对应的回调函数,会被加入到任务队列中等待执行

  4. javascript主线程的执行栈中被清空后,会读取任务队列中的回调函数,按次序执行(这个动作不断重复 也叫eventloop)

    在这里插入图片描述

总结:
首先,js主线程会从自己的执行栈中按照顺序去执行所有的任务,
当发现是同步任务的时候,由js主线程自己执行。发现是异步任务时,
就委托给宿主环境进行执行。这样js主线程就能继续执行其他的同步任务(非耗时任务)。
最后js主线程发现执行栈中的同步任务都被执行完后,此时js主线程会从任务队列中,按照顺序
把对应的回调函数取出来,放到执行栈中,依次去执行。

EvenLoop事件循环

  • Javascipt主线程任务队列读取异步任务的回调函数,放到执行栈中依次执行。
  • 这个过程是循环不断的,所以这个机制称为Evenloop事件循环

EventLoop经典面试题

import thenFs from "then-fs";

console.log('A')
thenFs.readFile('./file/01.txt', 'utf8').then(dataStr => {

    console.log('B')
})

setTimeout(() => {
    console.log('C')
}, 0)

console.log('D')		// 
  • 执行顺序为: ADCB
  • A和D属于同步任务。js主线程按顺序依次执行
  • B和C属于异步任务。它们的回调函数放到任务队里中,等待主线程空闲时再执行。

宏任务与微任务

1.宏任务(macrottask)

  • ajax,setIimeout,setInterval,文件操作

2.微任务(microttaks)

  • Promise.then,.catch.finally,process.nextTick

宏任务和微任务的执行顺序

  1. 每一个宏任务执行完后,都会先检查是否存在待执行的微任务
  2. 如果有,则执行所有微任务后,再继续执行下一个宏任务
  3. 宏任务和微任务是交替执行

宏任务和微任务经典面试题

setTimeout(function () {        // 宏任务

    console.log('1')
})

new Promise(function (resolve) {    // 同步任务

    console.log('2')
    resolve()
}).then(function () {       // 微任务

    console.log('3')
})

console.log('4')        // 同步任务
  • 执行顺序为: 2431
  • 先执行所有同步任务,再检查待执行的微任务,有就执行微任务,然后继续下一个宏任务。
console.log('1')                        // 同步任务1
setTimeout(function () {                // 宏任务1

    console.log('2')
    new Promise(function (resolve) {
        console.log('3')
        resolve()
    }).then(function () { // 微任务

        console.log(4)
    })
})
new Promise(function (resolve) {        // 同步任务2
    console.log('5')
    resolve()
}).then(function () {   // 微任务

    console.log('6')
})
setTimeout(function () {

    console.log('7')
    new Promise(function (resolve) {     // 宏任务2
        console.log('8')
        resolve()
    }).then(function () {   // 微任务

        console.log('9')
    })
})
  • 执行顺序是: 156234789
总结:
先执行第一行的同步任务,发现2~12属于宏任务,放到宏任务队列中排队等待执行
然后就到了13行,执行了该同步任务,16的微任务放到微任务队列中等待执行,
再然后发现20~30是一个宏任务,放到宏任务队列。此时同步任务全部执行完,
检查是否有待执行的微任务,有6。然后微任务队列清空了,接下来就执行宏任务队列中第一个延时器,
然后又立即执行了里面的new..里的funcion,然后.then放到微任务队列等待执行。然后此时
要执行下一个宏任务,先检查有没有等待执行的微任务,有4,然后微任务队列队列清空了。
然后再执行下一个宏任务(第二个延时器),然后又立即执行了new..里的funcion,然后.then放到微任务列表待执行。
此时宏任务执行完毕,检查微任务队列有没有待执行的微任务,有9。

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

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

相关文章

vue3-实战-02-管理后台项目集成

目录 1-集成element-plus 2-src别名配置 3-环境变量配置 4-svg图标配置 4.1-svg插件安装配置 4.2-svg封装为全局组件 5-集成sass 6-mock数据 7-axios二次封装 上一篇文章记录了项目初始化和项目配置,本章我们来进行项目集成。 1-集成element-plus 本次管…

【PWN · 总结】system返回shell(‘/bin/sh‘、‘sh‘、$(0))

pwn题中要通过system/excute等返回shell,进而cat flag。今天遇到一题,参数$(0)也可返回,有必要记录一下。 目录 前言 一、/bin/sh 1.strings 2.IDA 3.pwntools 4.ROPgadget 5.libc中寻找 二、sh 三、$(0) exp IDA查看机器码 …

交换机的4种网络结构方式:级联方式、堆叠方式、端口聚合方式、分层方式

交换机是计算机网络中重要的网络设备之一,用于实现局域网(LAN)内部的数据转发和通信。交换机可以采用不同的网络结构方式来满足不同的网络需求和拓扑结构。本文将详细介绍交换机的四种网络结构方式:级联方式、堆叠方式、端口聚合方…

c语言编程练习题:7-112 约分最简分式

#include <stdio.h> int gcd(int a,int b) {if(a<b)return gcd(b,a);if(a%b0)return b;elsegcd(b,a%b); } int main(){int a,b;if (scanf("%d/%d",&a,&b)!EOF){// 分析不敲钟的时间int gcd_value gcd(a,b);printf("%d/%d",a/gcd_value,b…

DMBOK知识梳理for CDGA/CDGP——第二章 数据处理伦理

关 注gzh “大数据食铁兽” 回复“知识点”获取《DMBOK知识梳理for CDGA/CDGP》常考知识点&#xff08;第二章数据处理伦理&#xff09; 第二章 数据处理伦理 第二章在 CDGA考试中分值占比不高&#xff0c;CDGP考试不考核。主要侧重点是考概念性的知识&#xff0c;难度较…

Matlab进阶绘图第22期—不等宽柱状图

不等宽柱状图是一种特殊的柱状图。 与常规柱状图相比&#xff0c;不等宽柱状图可以通过柱高与柱宽分别表达两个维度的数据&#xff0c;因此在多个领域得到应用。 在《Matlab论文插图绘制模板第91期》中&#xff0c;虽有介绍过利用Matlab自带bar函数绘制不等宽柱状图的方法&am…

LDGRB-01 3BSE013177R1 将数字输入和继电器输出结合

LDGRB-01 3BSE013177R1包的一部分是全面的通信选项&#xff0c;包括Modbus主/从或CS31&#xff0c;这种产品很少提供。128kB的用户内存和0.1秒/指令的程序处理时间只是AC500-eCo令人印象深刻的性能的两个例子。除了与现有AC500系列的互操作性&#xff0c;AC500-eCo系统还使用基…

PMP-范围管理的重要性

本篇文章主要是方便从事项目管理的“初学者”们了解范围管理的重要性 一、什么是范围管理 项目范围管理包括确保项目做且只做所需的全部工作&#xff0c;以成功完成项目的各个过程。管理项目范围主要在于定义和控制哪些工作应该包括在项目内&#xff0c;哪些不应该包括在项目内…

推动创意成果:创意过程如何改变 2023 年的业务

时下全球经济放缓&#xff0c;很多企业业务都陷入了增长瓶颈&#xff0c;如何突破&#xff1f;今天我们来聊聊一般业务突破的3种方式&#xff1a; 发现一片新的蓝海&#xff0c;迅速杀入占领生态位&#xff08;快&#xff09;&#xff1b; 发现结构性红利机会&#xff0c;大量投…

低代码开发重要工具:jvs-rules 规则引擎功能介绍(二)

一、JVS规则引擎接口管理 接口管理是将逻辑引擎对接所有的接口进行统一管理&#xff0c;便于各种应用统一引用。 接口的界面展示 接口列表的展示&#xff0c;接口列表是根据系统内部支持的接口进行展现&#xff0c;包括查看接口的详情 详情中包括&#xff0c;入参与出参的展…

QT(QPainter画圆弧)

文章目录 前言一、QPainter画圆弧方法二、使用示例三、画一个彩色环总结 前言 本篇文章给大家介绍一下如何使用QPainter来画圆弧。 一、QPainter画圆弧方法 drawArc() 函数是 Qt 绘图类库中的一个函数&#xff0c;用于在画布上绘制圆弧。可以通过设置起点角度和圆弧弧度来控…

Keil_C51之Memory_mode解析

有时我们会遇到这样的报错&#xff1a; *** ERROR L107: ADDRESS SPACE OVERFLOW SPACE: DATA SEGMENT: _DATA_GROUP_ LENGTH: 002CH Program Size: data117.0 xdata0 code6242 Target not created. Build Time Elapsed: 00:00:00 报错截图如下&#xff1a; 这类报…

程序员怎么玩转Linux

Linux下可以使用Python编写爬虫程序&#xff0c;常用的爬虫框架有Scrapy和BeautifulSoup。 Scrapy是一个基于Python的开源网络爬虫框架&#xff0c;可以快速高效地从网站上获取数据。它提供了强大的数据提取和处理功能&#xff0c;支持异步网络请求和分布式爬取等特性。 Beau…

九耶丨阁瑞钛伦特-springmvc(五)

Spring是最流行的企业级开发框架之一&#xff0c;它提供了一套完整的IOC&#xff08;控制反转&#xff09;和AOP&#xff08;面向切面编程&#xff09;解决方案&#xff0c;可以帮助软件开发人员快速开发出高效、可扩展的应用程序。Spring MVC是Spring框架中的一个模块&#xf…

cesium模型在前端页面加载后亮度异常的处理

一.问题产生与分析 通常情况下&#xff0c;后端生成的模型数据&#xff0c;以默认参数加载在前端页面时亮度能显示是正常的&#xff0c;如果不正常&#xff0c;猜测可能与生成的原数据有关&#xff08;数据本身在前端页面加载亮度就低&#xff09; 二.问题解决 前端页面针对这…

OpenHarmony 3.2 Release新特性解读之驱动HCS

OpenAtom OpenHarmony&#xff08;以下简称“OpenHarmony”&#xff09;开源社区&#xff0c;在今年4月正式发布了OpenHarmony 3.2 Release版本&#xff0c;标准系统能力进一步完善&#xff0c;提升了系统的整体性能、稳定性和安全性。此次版本对于驱动也提供了一些新的特性&am…

ELK高可用集群添加用户名密码认证

确定主节点 GET _cat/nodes?v带*的就是主节点&#xff0c;这里是zcpt-prd-ELK-01节点 生成根证书elastic-stack-ca.p12&#xff08;进入主节点&#xff09; 注意操作es7.7.0使用es用户 su es进入主节点的bin目录下执行 ./elasticsearch-certutil ca会要求输入密码直接回车…

Structural Deep Clustering Network

Structural Deep Clustering Network | Proceedings of The Web Conference 2020 (acm.org) 目录 Abstract 1 Introduction 2 Model 2.1 KNN Graph 2.2 DNN Module 2.3 GCN Module 2.4 Dual Self-Supervised Module Abstract 深度聚类方法通常是通过深度学习强大的表示…

为什么很多人做项目经理多年都没有进步?

为什么很多人做项目经理多年都没有进步&#xff1f; 项目经理是一个需要不断学习和成长的职业。然而&#xff0c;很多人在做了多年的项目经理后却没有看到自己的进步。这是为什么呢&#xff1f;以下是一些可能的原因&#xff1a; 1. 缺乏自我反思和改进意识 有些人可能会在自…

Ceph架构组件及存储过程

1、存储基础 //单机存储设备 ●DAS&#xff08;直接附加存储&#xff0c;是直接接到计算机的主板总线上去的存储&#xff09; IDE、SATA、SCSI、SAS、USB 接口的磁盘 所谓接口就是一种存储设备驱动下的磁盘设备&#xff0c;提供块级别的存储 ●NAS&#xff08;网络附加存储&am…