JS事件循环的理解

作者: 焦糖大瓜子 | 来源:发表于2019-07-05 09:45 被阅读0次

JS事件循环的理解
JavaScript是如何工作的：事件循环和异步编程的崛起 +
程序员的日常记录
Nodejs事件循环机制(一)浏览器事件循环机制
关于JS事件循环的理解
js事件循环
2019-03-28
Node探秘之事件循环（1）--几个基本要素
理解 node.js 的事件循环
JS事件循环机制 eventloop

js引擎运行的环境就是宿主环境，通常就是Web浏览器、node
js引擎提供一种机制来处理分块执行的代码，这种机制就是事件循环：

事件循环伪代码：

var eventLoop = []; // eventLoop 作为队列的数据，存储待执行的事件
var event; // 当前要处理的事件
while(true){
  // 一次tick
if（eventLoop.length > 0）{
    event = eventLoop.shift()
    try{
        // 执行当前事件
        event()
    } catch (err){
        // 错误上报
        reportError(err)
    }
  }
}

setTimeout()为什么不精准？
因为setTimeout并没有把你的回调函数挂在事件循环中。作为一个定时器，当设定时间到达后，环境才把你的回调函数放入事件循环中。这时候你的事件队列可能很长了，所以这个回调执行的时间完全依赖事件队列的状态决定。

JS事件循环的理解
js引擎运行的环境就是宿主环境，通常就是Web浏览器、node js引擎提供一种机制来处理分块执行的代码，这种机制...
JavaScript是如何工作的：事件循环和异步编程的崛起 +
摘要：深度理解JS事件循环！！！原文：JavaScript是如何工作的:事件循环和异步编程的崛起+ 5种使用 ...
程序员的日常记录
?事件循环Node.js Event Loop 的理解 Timers，process.nextTick()Node...
Nodejs事件循环机制(一)浏览器事件循环机制
前言事件循环可以理解为我们编写的js代码与浏览器或者node之间的一个桥梁浏览器的事件循环是我们编写的js代码...
关于JS事件循环的理解
之前一直有疑惑过像elm.addEventListener('click', fn)这样的一行代码怎么就能在用户点...
js事件循环
js 是单线程的， js 的异步事件就是依赖于事件循环机制事件循环首先，我们来解释下事件循环是个什么东西: 就...
2019-03-28
JS 事件循环机制 - 任务队列、web API、JS主线程的相互协同这篇文章的核心是分析js的事件循环，在此我...
Node探秘之事件循环（1）--几个基本要素
前言对于想要真正理解JavaScript工作机制的人，理解JS的事件循环（Event Loop）应当是首当其冲的...
理解 node.js 的事件循环
node.js 的第一个基本观点是，I/O 操作是昂贵的：目前的编程技术最大的浪费来自等待 I/O 操作的完成。...
JS事件循环机制 eventloop
如何理解JS事件的循环机制(浏览器端)答：我们知道JS是单线程运行的(暂时撇去web worker)、是异步的、...