node 下的 Event Loop

分享

前言

通过 浏览器下的 Event Loop ,可以得知 javascript 是一门事件驱动的语言, javascript 主线程通过不断的调用事件队列中的事件来完成异步任务。那么 Node 下是否也是如此?

Node 下的事件队列

Node 官网有这样一篇文章:The Node.js Event Loop, Timers, and process.nextTick()
该文章主要讲述了 Node 中是如何处理以及实现 Node 下的 Event Loop

主要包含以下内容:

事件队列

不同于浏览器,Node 下的有 6 个事件处理阶段,其执行顺序和队列名称如下:

   ┌───────────────────────────┐
┌─>│           timers          │
│  └─────────────┬─────────────┘
│  ┌─────────────┴─────────────┐
│  │     pending callbacks     │
│  └─────────────┬─────────────┘
│  ┌─────────────┴─────────────┐
│  │       idle, prepare       │
│  └─────────────┬─────────────┘      ┌───────────────┐
│  ┌─────────────┴─────────────┐      │   incoming:   │
│  │           poll            │<─────┤  connections, │
│  └─────────────┬─────────────┘      │   data, etc.  │
│  ┌─────────────┴─────────────┐      └───────────────┘
│  │           check           │
│  └─────────────┬─────────────┘
│  ┌─────────────┴─────────────┐
└──┤      close callbacks      │
   └───────────────────────────┘

不同事件队列的含义如下:

阶段名 含义
timers 处理由 setTimeoutsetInterval 产生的回调
pending callbacks 处理由系统调用错误产出的回调,比如网络连接失败的情况
idle, prepare Node 内部使用
poll 处理由 I/O 产生的事件
check 处理由 setImmediate 产生的回调
close callbacks 处理由某些对象发出的 close 事件,比如 socket.on('close', ...)

timers 阶段

timers 阶段是 NodeEvent Loop 的第一个阶段,在该阶段下,Node 会检查所有注册的定时器是否到期,如果到期则压入 timers 的任务队列中,检查完毕后,依次执行任务队列中的任务。

注:Node 下设置定义器,不能保证在设置的时间到达后立即执行,Node 只能保证在设置的时间到达后,尽可能快的执行设置的回调。

pending callbacks 阶段

该阶段的任务队列主要由操作系统发出的任务失败的事件构成,比如网络连接失败。

poll 阶段

该阶段为 Node 中最重要的一个阶段,Node 下绝大多数的异步任务都会在这个阶段进行处理,而不像其他阶段都是同种类型的任务。

在进入该阶段前,会进行一次定时器的统计,找出最近一次需要触发的定时器,避免 Node 被阻塞在改阶段而定时器得不到运行。

进入该阶段后,会发生以下事情

  1. 计算出有多久的时间可以用来做任务的触发
  2. 依次执行该事件队列中的事件

Event Loop 进入了 poll 阶段,根据定时器的设置情况,会发生以下事情

未设置定时器

  1. 如果该阶段的事件队列不为空,Node 将同步执行事件队列中的事件回调,直至该队列为空,或执行的回调达到系统上限。
  2. 如果该阶段的事件队列为空,那么系统将根据有没设置 setImmediate 做出相应的处理
    • 设置了 setImmediate 那么该阶段结束,进入 check 阶段
    • 未设置 setImmediate 那么 Node 将阻塞在改阶段,继续接收产生的事件并处理

由于在 Node 下该阶段接收了绝大多数的事件,而且该阶段内的事件都不是固定产生的,对比定时器的固定时间触发,关闭事件由 close 事件触发( close 事件由程序主动触发),因此该阶段应该是 Event Loop 中最重要的一个阶段,所以程序应该尽可能的留在该阶段处理事件,当没有定时器,没有设置 setImmediate 那么 Node 进行 Event Loop 也没有意义, Node 只需要停留在该阶段,继续处理事件即可。

设置了定时器

当该阶段的任务队列处理结束,Node 会检查是否有定时器到期,如果有一个以上定时器已到期,Event Loop 会结束该阶段,进入一下个阶段。

check 阶段

该阶段的任务队列中保存着在该阶段执行前,所有由 setImmediate 注册的回调。

close callbacks 阶段

该阶段的任务队列主要由 close 发出的事件构成,比如 socket.on('close', ...)

micro task

同样的在 Node 下的 Event Loop 也有一个为任务队列,在 Node 下产生微任务的方式

  • process.nextTick()
  • Promise.then catch finally

不同于浏览器端,微任务队列会在 Event Loop 每个阶段执行结束后执行,每次执行会将微任务队列中的所有任务执行完毕。

图解

node 微任务 & 宏任务

对比浏览器

setTimeout(()=>{
    console.log('timer1')

    Promise.resolve().then(function() {
        console.log('promise1')
    })
}, 0)

setTimeout(()=>{
    console.log('timer2')

    Promise.resolve().then(function() {
        console.log('promise2')
    })
}, 0)

以上代码在浏览器和 Node 下会得到不同的结果,图解如下

浏览器

timer1
promise1
timer2
promise2

Node

timer1
timer2
promise1
promise2

浏览器下任务执行过程

浏览器任务执行顺序

Node 下任务执行过程

Node 任务执行顺序

总结

  1. Node 下有 7 个任务队列,分别对应 6Event Loop 阶段,和一个微任务队列
  2. poll 阶段处理了觉大多数的异步任务,如果其他阶段没任务,Event Loop 会在这里停留等待新的任务
  3. Node 下为任务的执行时机在每个阶段结束后,而浏览器在每个宏任务结束后

最后更具前面的内容,得出的在 NodeEvent Loop 下的执行过程如下:

Node 下 Event Loop
  • 橙色为 Event Loop 的主要内容
  • 蓝色为同一个为任务队列
  • 褐色为 poll 阶段内部的一个循环
  • 黑色为进出 poll 阶段的逻辑判断

参考

阅读更多

JavaScript 对象 & 原型

前言 这次的 why what or how 主题:JavaScript 对象 & 原型。 此类文章在百度上一搜一大把,其实不用再写了,但是本着把这个问题解释的清清楚楚明明白白,还是开始写了。 原因如下: 1. 面试宝典类文章,弄张图片一糊弄,让人觉得自己理解了。 2. 解释类文章,告诉你一堆语法,对语法一顿解释,告诉你就是这样的,还是没说清楚。 3. 很少有文章单独解释这个点!但这个点是基础!真的很重要! 所以本篇文章想说一说对象 & 原型,但为了确保能顺利理解,请先看完 JS 变量存储?栈 & 堆?NONONO!,因为该篇文章从变量存储的角度来解释 JavaScript 对象 & 原型,请确保看完,在看这篇文章。 什么是对象? 既然要说清楚,

By Breeze

浏览器下的 Event Loop

前言 javascript 是以单线程的形式运行在宿主环境下,javascript 采用了回调的形式来解决异步任务。 为什么是单线程? javascript 的最开始的出现是为了给 web 页面增添一些动态的效果,那么就避免不了获取页面上的元素信息,如果 javascript 是以多线程的形式运行在浏览器内,如果两个线程内的 javascript 同时去获取/修改,某个页面上的元素,那么浏览器该让哪个 javascript 线程拥有获取/修改该元素的权限呢?由于元素的信息会经常性的发生变化,那么又改如何去同步各个线程内所保存的元素信息呢? 所以综合以上问题, javascript 是单线程的原因就显示意见了,单线程在执行时,对于元素信息的引用在同一时间仅可能只有一个,那么以上所有的问题都不存在了。 什么是异步任务? 任何代码在执行时,都会碰到一些需要经过大量时间运算或是等待的代码,在浏览器的环境下,常见的就是 http 任务,比如:资源的加载(图片的 onload 事件),ajax 的请求(XMLHttpRequest 的 onLoad 事件)还有页面元素的点击事件以及

By Breeze

什么是 HTML 5?

前言 作为程序员,技术的落实与巩固是必要的,因此想到写个系列,名为 why what or how 每篇文章试图解释清楚一个问题。 这次的 why what or how 主题:现在几乎所有人都知道了 HTML5 ,那么 H5 到底相比于 HTML4 有什么区别呢? 升级版?标准版! HTML5 做为 HTML 标准的第 5 版,于 2014 年发布,相信关注过 HTML5 的发展史的朋友都知道该版本是 WHATWG 和 W3C 握手言和后诞生的,是 W3C 组织与浏览器厂商相互妥协的结果,其中的绝大部分规范都由 WHATWG 组织所制定,之后由 W3C 采纳并入标准中。

By Breeze

什么是 HTML?

前言 作为程序员,技术的落实与巩固是必要的,因此想到写个系列,名为 why what or how 每篇文章解释清楚一个问题。 作为 why what or how 的第一章,选一个较为简单的话题,什么是 HTML ? 释义 HTML - HyperText Markup Language,超文本标记语言 标记语言,一类以固定的形式描述文档结构或是数据处理细节的语言,一般为纯文本形式,其内容作为其他程序的输入。 因此,HTML 是一种用于描述网页的标记语言,纯文本,其内容作为浏览器的输入。浏览器会解析 HTML 文本内容,最终呈现页面。 那么超文本又是什么? 在网页出现前,人们的阅读习惯是从前往后,从上到下,就像阅读小说,必须从头到尾的看完,思维是单向的,并不存在岔路口。而超文本从字面上理解就是:超出了一般的阅读习惯,看文章的时候思维是发散的,

By Breeze