DAY4-----事件循环（先同后异，先微后宏）

Mi_Ni_BoX

于 2024-05-12 13:21:22 发布

阅读量280

点赞数 8

CC 4.0 BY-SA版权

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/Mi_Ni_BoX/article/details/138753044

事件分为同步事件和异步事件，将同步事件放入执行栈中先执行，将异步任务交给浏览器进行处理，浏览器（WebAPI）将处理后的异步任务放入任务队列中。

由于ES6新特性，对于promise的then方法这一异步任务将由JS本身进行处理。

因此可将异步任务分为两种：

宏任务（浏览器处理）微任务（JS自己处理）

当执行栈中的同步任务全部执行完成后，再执行微任务队列里的异步任务，随后再执行宏任务队列里的异步任务。当以上任务全部执行完后，又重新访问执行栈依此反复，形成了事件循环。

流程如下：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Mi_Ni_BoX

关注关注

8
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

javascript笔记

Nie_XiaoGang的博客

12-11

2170

javascript笔记

计算机算法常用术语中英对照（分为两部分其中一部分表格形式）

weixin_30488085的博客

06-25

5415

第一部分 Data Structures 基本数据结构 Dictionaries 字典 Priority Queues 堆 Graph Data Structures 图 Set Data Structures 集合 Kd-Trees 线段树 Numerical Problems 数值问题 Solving Linear Equations 线性方程组 B...

参与评论您还未登录，请先登录后发表或查看评论

宏任务和微任务

Tiger's blog

11-05

9444

宏任务与微任务 1.同步任务和异步任务 JavaScript是单线程执行的语言，在同一个时间只能做一件事情。这就导致后面的任务需要等到前面的任务完成才能执行，如果前面的任务很耗时就会造成后面的任务一直等待。为了解决这个问题JS中出现了同步任务和异步任务。（1）同步任务在主线程上排队执行的任务只有前一个任务执行完毕，才能执行后一个任务，形成一个执行栈。（2）异步任务不进入主线程，而是进入任务队列，当主线程中的任务执行完毕，就从任务队列中取出任务放进主线程中来进行执行。由于主线程不断重复的获得任务、执行

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

m0_73727623的博客

01-13

5712

在同一次循环中，微任务不参与事件循环，微任务会被推到当前循环对应的微任务队列中，即使是微任务中的微任务。宏任务将开启新的事件循环。

js中宏任务与微任务

weixin_61728412的博客

08-25

385

JavaScript中宏任务与微任务的区别

js中的宏任务和微任务

web全栈开发的博客

12-01

230

微任务有哪些Promise await和async宏任务有哪些setTimeout setInterval DOM事件 AJAX请求看下面的代码<script> console...

C++基础知识点预览

最新发布

wangyongyao1989的博客

02-08

1095

数组是以系列元素；数据中所有元素的类型都相同；这组元素形成一个完整的集合。预处理器在编译之前运行，预编译器指令都以#打头。C++程序通常在.h（头文件）中声明类和函数，并在.cpp文件中定义函数，因此需要在.cpp文件中使用预处理器编译指令#include来包含头文件。#define定义常量；#ifndef和#endif：在预处理器看来，两个头文件包含对方会导致递归问题。为避免这种问题，可结合使用过宏以及预处理器编译指令#ifndef和#endif；

编程常用英语

hh_mfm的博客

09-14

1592

1. file n. 文件；v. 保存文件 2. command n. 命令，指令 3. use v. 使用，用途 4. program n. 程序 5. line n. (数据，程序)行，线路 6. if conj. 如果 7. display vt. 显示，显示器 8. set v. 设置，n. 集合 9. key n. 键，关键字，关键码 10. list n. 列表，显示，v. 打印 11. by prep. 凭，靠，沿 12. ..

计算机常用1700英语单词

Black_黑色的博客

04-11

2325

在这里插入代码片 1. file n. 文件；v. 保存文件 2. command n. 命令，指令 3. use v. 使用，用途 4. program n.&nb...

JS执行原理，事件循环微任务，宏任务介绍

qq879222800的博客

08-13

752

1.本文重点（一）：微任务、宏任务概念介绍 1.微任务与宏任务就属于js代码的范畴 2.js代码主要分为两大类：同步代码、异步代码 3.异步代码又分为：微任务与宏任务 4.异步任务，又可以细分为宏任务和微任务 2.本文重点（二）：微任务、宏任务到底谁先执行正确回答：既可以说是先宏后微，也可以说是先微后宏分析：先宏后微因为：因为js执行的所有都是代码包在 script 标签里面，而 script 本身就是一个异步的宏任务， script 标签执行后，在优先执行 script 标签里面同步

微任务为什么优先于宏任务

qq_38935512的博客

11-24

1298

微任务为什么优先于宏任务从上图我们就可以知道，js的事件循环机制规定了 1.优先执行一个宏任务 2.判断是否有微任务（无：继续执行宏任务） 3.有：执行所有的微任务 4.开始下一个宏任务在js中 script本身就是一个宏任务，所以执行异步队列的时候，会优先执行它的所有微任务，然后执行宏任务 ...

宏任务与微任务执行顺序（超详细讲解）

~朴：shu的博客

02-27

7442

写此之前，也查阅了很多文章，并结合自己的理解，说说对Event Loop模型的理解、以及对在任务队列中的影响进行了分析，也给出了多种情形的任务案例以及分析解释，相信大家看完会有所收获；当然，也是自己的理解，难免有所偏差，欢迎大家指正~

关于JavaScript中的宏任务和微任务浅谈

xinyuerr的博客

09-14

先打印1-4这肯定是没有问题的为啥先打印3然后才是2因为3是。

事件循环中的宏任务和微任务执行顺序

苦涩精灵的博客

11-15

8371

事件循环中的宏任务和微任务执行顺序先来了解一下事件循环、宏任务、微任务和Promise 1.事件循环（Event Loop）运行机制执行一个宏任务（栈中没有就从事件队列中获取）执行过程中如果遇到微任务，就将它添加到微任务的任务队列中宏任务执行完毕后，立即执行当前微任务队列中的所有微任务（依次执行）当前宏任务执行完毕，开始检查渲染，然后GUI线程接管渲染渲染完毕后，JS线程继续接管，开始下一个宏任务（从事件队列中获取） 2.宏任务、微任务执行顺序：先宏后微宏任务（发起者:宿主（Node、

关于同步和异步的执行（宏和微的执行顺序）

FG_1314的博客

11-16

872

js 单线程、宏任务与微任务的区别以及执行顺序是什么

小草莓的博客

07-22

3269

宏任务：指消息队列中的等待被主线程执行的事件宏任务执行时都会重新创建栈，然后调用宏任务中的函数，栈也会随着变化。但宏任务执行结束时，栈也会随之销毁。微任务：可以看成是一个需要异步执行的函数微任务是基于消息队列、事件循环、UI 主线程还有堆栈而来的微任务的执行时机：在主函数执行结束之后、当前宏任务结束之前。

JavaScript中的宏任务和微任务

大笨儿钟的博客

03-12

1915

先来个例子如果能很快知道执行的顺序结果，那么说明你对这块的内容理解非常深刻。 <div class="parent" data-spm="2.2.2.2"> <div class="child">123</div> </div> <script> var parent = document.g

浅谈事件循环机制和宏任务与微任务

m0_56946322的博客

06-10

321

首页了解以下线程的概念：进程：描述了CPU在运行指令及加载和保存上下文所需的时间，线程：线程是进程中的更小的单位，描述了一段指令所需的时间当用浏览器打开一个页面时，其实就是创建了一个进程，一个进程中可以有多个线程，比如渲染线程，js引擎线程，http请求线程等，什么是执行栈执行栈可以认为是一个储存函数调用的栈结构，遵循先进后出的原则 ...

Obsidian-day-planner插件：Markdown任务与番茄计时管理

**标题**中提到的“obsidian-day-planner”是一个专为Obsidian应用程序设计的插件。Obsidian 是一个流行的Markdown编辑器，支持本地笔记和文件的组织、连接和管理，它常被用来创建个人的知识库。由于Obsidian是一个...