← 返回目录

49. 理解EventLoop:nodejs

第 46 / 147 卷

不知你是否看过关于 nodejs 中 eventLoop 的一些文章, 是否被这些流程图搞得眼花缭乱、一头雾水:

图 91-1
图 91-1

看到这你不用紧张,这里会抛开这些晦涩的流程图,以最清晰浅显的方式来一步步拆解 nodejs 的事件循环机制。

三大关键阶段

首先,梳理一下 nodejs 三个非常重要的执行阶段:

1)执行定时器回调的阶段。检查定时器,如果到了时间,就执行回调。这些定时器就是setTimeout、 setInterval。这个阶段暂且叫它timer。

2)轮询(英文叫poll)阶段。因为在node代码中难免会有异步操作,比如文件I/O,网络I/O等等,那么当这些异步操作做完了,就会来通知JS主线程,怎么通知呢?就是通过'data'、'connect'等事件使得事件

循环到达 poll 阶段。到达了这个阶段后:

如果当前已经存在定时器,而且有定时器到时间了,拿出来执行,eventLoop 将回到timer阶段。

如果没有定时器, 会去看回调函数队列。

如果队列不为空,拿出队列中的方法依次执行

如果队列为空,检查是否有setImmdiate的回调

有则前往check阶段没有则继续等待,相当于阻塞了一段时间(阻塞时间是有上限的), 等待 callback 函数加入队

列,加入后会立刻执行。一段时间后自动进入 check 阶段。

3)check 阶段。这是一个比较简单的阶段,直接执行 setImmdiate 的回调。

这三个阶段为一个循环过程。不过现在的eventLoop并不完整,我们现在就来一一地完善。

关闭,例如 socket.destroy(), 'close' 事件的回调就会在这个阶段执行。

梳理一下,nodejs 的 eventLoop 分为下面的几个阶段:

1)timer 阶段

2)I/O 异常回调阶段

空闲、预备状态(第2阶段结束,poll 未触发之前)

3)poll 阶段

4)check 阶段

5)关闭事件的回调阶段

实例演示

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版本 >= 11和在 11 以下的会有不同的表现。

首先说 node 版本 >= 11的,它会和浏览器表现一致,一个定时器运行完立即运行相应的微任务。

timer1 promise1

time2 promise2

而 node 版本小于 11 的情况下,对于定时器的处理是:

若第一个定时器任务出队并执行完,发现队首的任务仍然是一个定时器,那么就将微任务暂时保存,直接去执行新的定时器任务,当新的定时器任务执行完后,再一一执行中途产生的微任务。

因此会打印出这样的结果:

timer1 timer2

promise1 promise2

全站分卷索引 · 147 卷
  1. 1HTML
  2. 22. canvas 相关
  3. 36. 说说 title 和 alt 属性
  4. 42. 浮动布局的优点?有什么缺点?清除浮动有哪些方式?
  5. 53. 使用display:inline-block会产生什么问题?解决方法?
  6. 64. 布局题:div垂直居中,左右10px,高度始终为宽度一半
  7. 75. 盒模型
  8. 87. CSS如何进行圣杯布局
  9. 98. CSS如何实现双飞翼布局?
  10. 109. 什么是BFC?
  11. 1112. 应用场景
  12. 1213. 画一个对话框
  13. 1314. 画一个平行四边形
  14. 1415. 用一个div画五角星
  15. 15JavaScript
  16. 163. null是对象吗?为什么?
  17. 178. 如何创建并使用BigInt?
  18. 189. typeof 是否能正确判断类型?
  19. 1910. instanceof能否判断基本数据类型?
  20. 2012. Object.is和===的区别?
  21. 2115. == 和 ===有什么区别?
  22. 2217. 如何让if(a == 1 && a == 2)条件成立?
  23. 2320. 闭包有哪些表现形式?
  24. 2421. 如何解决下面的循环输出问题?
  25. 2522. 原型对象和构造函数有何关系?
  26. 2623. 能不能描述一下原型链?
  27. 2725. 函数的arguments为什么不是数组?如何转化成数组?
  28. 2826. forEach中return有效果吗?如何中断forEach循环?
  29. 2928. JS中flat---数组扁平化
  30. 3029. 什么是高阶函数
  31. 3131. 能不能实现数组map方法 ?
  32. 3232. 能不能实现数组reduce方法 ?
  33. 3333. 能不能实现数组 push、pop 方法 ?
  34. 3434. 能不能实现数组filter方法 ?
  35. 3536. 能不能实现数组sort方法?
  36. 3637. 能不能模拟实现一个new的效果?
  37. 3739. 能不能实现一个 call/apply 函数?
  38. 3840. 谈谈你对JS中this的理解
  39. 3941. JS中浅拷贝的手段有哪些?
  40. 4042. 能不能写一个完整的深拷贝?
  41. 4143. 数据是如何存储的?
  42. 4244. V8 引擎如何进行垃圾内存的回收?
  43. 4345. 描述一下 V8 执行一段JS代码的过程?
  44. 4446. 宏任务(MacroTask)引入
  45. 4547. 微任务(MicroTask)引入
  46. 4649. 理解EventLoop:nodejs
  47. 4750. nodejs 和 浏览器关于eventLoop的主要区别
  48. 4853. JS异步编程有哪些方案?为什么会出现这些方案?
  49. 4954. 能不能简单实现一下 node 中回调函数的机制?
  50. 5055. Promise 凭借什么消灭了回调地狱?
  51. 5156. 为什么Promise要引入微任务?
  52. 5258. 实现Promise的 resolve、reject 和 finally
  53. 5359. 现Promise的 all 和 race
  54. 5460. 谈谈你对生成器以及协程的理解
  55. 5561. 如何让 Generator 的异步代码按顺序执行完毕?
  56. 5662. 解释一下async/await的运行机制。
  57. 5763. forEach 中用 await 会产生什么问题?怎么解决这个问题?
  58. 5864. 关于JS中一些重要的api实现
  59. 5965. 事件流向
  60. 602. HTTP有哪些请求方法?
  61. 615. 如何理解 HTTP 状态码?
  62. 626. 简要概括一下 HTTP 的特点?HTTP 有哪些缺点?
  63. 637. 对 Accept 系列字段了解多少?
  64. 648. 对于定长和不定长的数据,HTTP 是怎么传输的?
  65. 659. HTTP 如何处理大文件的传输?
  66. 6610. HTTP 中如何处理表单数据的提交?
  67. 6711. HTTP1.1 如何解决 HTTP 的队头阻塞问题?
  68. 6812. 对 Cookie 了解多少?
  69. 6913. 如何理解 HTTP 代理?
  70. 7014. 如何理解 HTTP 缓存及缓存代理?
  71. 7117. 客户端的缓存控制
  72. 7219. 传统 RSA 握手
  73. 7320. RSA 和 ECDHE 握手过程的区别
  74. 7422. HTTP/2 有哪些改进?
  75. 7523. HTTP/2 中的二进制帧是如何设计的?
  76. 76TCP协议
  77. 771. 能不能说一说 TCP 和 UDP 的区别?
  78. 783. 为什么是三次而不是两次、四次?
  79. 794. 三次握手过程中可以携带数据么?
  80. 806. 说说 TCP 四次挥手的过程
  81. 817. 为什么是四次挥手而不是三次?
  82. 829. 说说半连接队列和 SYN Flood 攻击的关系
  83. 8310. 如何应对 SYN Flood 攻击?
  84. 8412. 说说 TCP 快速打开的原理(TFO)
  85. 8513. 能不能说说TCP报文中时间戳的作用?
  86. 8614. TCP 的超时重传时间是如何计算的?
  87. 8715. 能不能说一说 TCP 的流量控制?
  88. 8816. 能不能说说 TCP 的拥塞控制?
  89. 8917. 能不能说说 Nagle 算法和延迟确认?
  90. 9018. 如何理解 TCP 的 keep-alive?
  91. 911. 能不能说一说浏览器缓存?
  92. 922. 能不能说一说浏览器的本地存储?各自优劣如何?
  93. 933. 说一说从输入URL到页面呈现发生了什么?(网络)
  94. 944. 说一说从输入URL到页面呈现发生了什么?(解析算法)
  95. 955. 说一说从输入URL到页面呈现发生了什么?(渲染过程)
  96. 966. 谈谈你对重绘和回流的理解
  97. 977. 能不能说一说XSS攻击?
  98. 988. 能不能说一说CSRF攻击?
  99. 999. HTTPS为什么让数据传输更安全?
  100. 10010. 能不能实现事件的防抖和节流?
  101. 10111. 能不能实现图片懒加载?
  102. 102Vue
  103. 1032. mvvm和mvc区别?它和其它框架(jquery)的区别是什么?哪些场景适合?
  104. 1045. 描述下 vue 从初始化页面--修改数据--刷新页面 UI 的过程?
  105. 1057. 虚拟 DOM 实现原理
  106. 10610. Vue 组件间通信有哪些方式?
  107. 10714. route 和 router 的区别是什么?
  108. 10816. Vue 的 nextTick 的原理是什么?
  109. 10919. vuex
  110. 1101. 简单的反转链表
  111. 1112. 区间反转
  112. 1123. 两个一组翻转链表
  113. 1134. K个一组翻转链表
  114. 1145. 如何检测链表形成环?
  115. 1156. 如何找到环的起点
  116. 1167. 合并两个有序链表
  117. 1178. 合并 K 个有序链表
  118. 1189. 判断回文链表
  119. 119栈和队列
  120. 1203. 普通的层次遍历
  121. 1214. 二叉树的锯齿形层次遍历
  122. 1225. 二叉树的右视图
  123. 1236. 完全平方数
  124. 1247. 单词接龙
  125. 1258. 优先队列
  126. 1269. 关于堆的说明
  127. 12711. 实现优先队列
  128. 12812. 前 K 个高频元素
  129. 12913. 合并 K 个排序链表
  130. 13014. 什么是双端队列?
  131. 13116. 栈实现队列
  132. 13217. 队列实现栈
  133. 133二叉树
  134. 1342. 中序遍历
  135. 1353. 后序遍历
  136. 1364. 最大深度
  137. 1375. 最小深度
  138. 1386. 对称二叉树
  139. 1397. 二叉树的最近公共祖先
  140. 1408. 二叉搜索树的最近公共祖先
  141. 1419. 二叉树的直径
  142. 14210. 二叉树的所有路径
  143. 14311. 二叉树的最大路径和
  144. 14412. 验证二叉搜索树
  145. 14513. 将有序数组转换为二叉搜索树
  146. 14614. 二叉树展开为链表
  147. 14715. 不同的二叉搜索树II