浏览器中的Event Loop

作者: 涌朋 | 来源:发表于2020-10-01 21:42 被阅读0次

1、Micro-Task 与 Macro-Task

浏览器端事件循环中的异步队列有两种：macro（宏任务）队列和micro（微任务）队列

常见的macro-task比如setTimeout、setinterval、script（整体代码）、I/O操作、UI渲染等。

常见的micro-task比如newPromise().then(回调)、MutationObsever(html5新特性)等

2、Event Loop过程解析

一开始执行栈空，可以把执行栈认为是一个存储函数调用的栈结构，遵循先进后出的原则，micro队列空，macro队列里有且有一个script脚本（整体代码）

---Every day to be a little better---

11.4 Node 中的 Event Loop
11.4 Node 中的 Event Loop 问题一：Node 中的 Event Loop 和浏览器中的有什么区...
「JavaScript」弄懂Event Loop
Event loop 首先什么是Event loop, Event loop 是一个执行模型，就是说明js在浏览器...
11.3 浏览器中的 Event Loop
11.3 浏览器中的 Event Loop 问题一：异步代码执行顺序？解释一下什么是 Event Loop ？上...
event loop
精华结论浏览器的 Event Loop 遵循的是 HTML5 标准，而 NodeJs 的 Event Loop ...
JavaScript中的Event Loop小理解
Event Loop Event Loop定义了浏览器执行你写的代码的顺序。我们都知道浏览器在执行代码的时候，并不...
事件循环机制even loop
nodejs的event是基于libuv，而浏览器的event loop则是在html5的规范中明确定义的浏览器...
Event loop
为什么要了解Event loop?理解Event loop，对于浏览器（或者nodejs）处理事件的过程会有更透彻...
Event Loop
什么是Event Loop？ event loop是一个执行模型，在不同的地方有不同的实现。浏览器和NodeJS基...
Javascript基础系列之事件循环
事件循环（Event Loop）规范中定义Event Loop如下 To coordinate events, ...
深入理解Event Loop的运行机制
一、Event Loop是什么 Event Loop即事件循环，是指浏览器或Node.js的一种解决javaScr...