文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Nodejs进阶 | 一文吃透异步I/O和事件循环

2024-12-14 00:58

关注

送人玫瑰,手有余香,希望阅读后感觉不错的同学,可以给点个赞,鼓励我继续创作前端硬文。

老规矩我们带上疑问开始今天的分析??????:

二 异步I/O

概念

处理器访问任何寄存器和 Cache 等封装以外的数据资源都可以当成 I/O 操作,包括内存,磁盘,显卡等外部设备。在 Nodejs 中像开发者调用 fs 读取本地文件或网络请求等操作都属于I/O操作。(最普遍抽象 I/O 是文件操作和 TCP/UDP 网络操作)

Nodejs 为单线程的,在单线程模式下,任务都是顺序执行的,但是前面的任务如果用时过长,那么势必会影响到后续任务的进行,通常 I/O 与 cpu 之间的计算是可以并行进行的,但是同步的模式下,I/O的进行会导致后续任务的等待,这样阻塞了任务的执行,也造成了资源不能很好的利用。

为了解决如上的问题,Nodejs 选择了异步I/O的模式,让单线程不再阻塞,更合理的使用资源。

如何合理的看待Nodejs中异步I/O

前端开发者可能更清晰浏览器环境下的 JS 的异步任务,比如发起一次 ajax 请求,正如 ajax 是浏览器提供给 js 执行环境下可以调用的 api 一样 ,在 Nodejs 中提供了 http 模块可以让 js 做相同的事。比如监听|发送 http 请求,除了 http 之外,nodejs 还有操作本地文件的 fs 文件系统等。

如上 fs http 这些任务在 nodejs 中叫做 I/O 任务。理解了 I/O 任务之后,来分析一下在 Nodejs 中,I/O 任务的两种形态——阻塞和非阻塞。

nodejs中阻塞和非阻塞IO

nodejs 对于大部分的 I/O 操作都提供了阻塞和非阻塞两种用法。阻塞指的是执行 I/O 操作的时候必须等待结果,才往下执行 js 代码。如下一下阻塞代码

阻塞I/O

  1.  
  2. const fs = require('fs'); 
  3. const data = fs.readFileSync('./file.js'); 
  4. console.log(data) 
  1.  
  2. try{ 
  3.     const fs = require('fs'); 
  4.     const data = fs.readFileSync('./file1.js'); 
  5.     console.log(data) 
  6. }catch(e){ 
  7.     console.log('发生错误:',e) 
  8. console.log('正常执行'

如上即便发生了错误,也不会影响到后续代码的执行以及应用程序发生错误导致的退出。

阻塞 I/O 造成代码执行等待 I/O 结果,浪费等待时间,CPU 的处理能力得不到充分利用,I/O 失败还会让整整个线程退出。阻塞 I / O 在整个调用栈上示意图如下:

非阻塞I/O

Nodejs 的非阻塞 I/O 采用的是异步模式,就是刚刚介绍的异步I/O。首先看一下异步模式下的 I/O 操作:

  1.  
  2. const fs = require('fs'
  3. fs.readFile('./file.js',(err,data)=>{ 
  4.     console.log(err,data) // null   
  5. }) 
  6. console.log(111) // 111 先被打印~ 
  7.  
  8. fs.readFile('./file1.js',(err,data)=>{ 
  9.     console.log(err,data) // 保存  [ no such file or directory, open './file1.js'] ,找不到文件。 
  10. }) 

比如如上的 callback ,作为一个异步回调函数,就像 setTimeout(fn) 的 fn 一样,不会阻塞代码执行。会在得到结果后触发,对于 Nodejs 异步执行 I/O 回调的细节,接下来会慢慢剖析。

对于异步 I/O 的处理, Nodejs 内部使用了线程池来处理异步 I/O 任务,线程池中会有多个 I/O 线程来同时处理异步的 I/O 操作,比如如上的的例子中,在整个 I/O 模型中会这样。

接下来将一起探索一下异步 I/O 执行过程。

事件循环

和浏览器一样,Nodejs 也有自身的执行模型——事件循环( eventLoop ),事件循环的执行模型受到宿主环境的影响,它不属于 javascript 执行引擎( 例如 v8 )的一部分,这就导致了不同宿主环境下事件循环模式和机制可能不同,直观的体现就是 Nodejs 和浏览器环境下对微任务( microtask )和宏任务( macrotask )处理存在差异。对于 Nodejs 的事件循环及其每一个阶段,接下来会详细探讨。

Nodejs 的事件循环有多个阶段,其中有一个专门处理 I/O 回调的阶段,每一个执行阶段我们可以称之为 Tick , 每一个 Tick 都会查询是否还有事件以及关联的回调函数 ,如上异步 I/O 的回调函数,会在 I/O 处理阶段检查当前 I/O 是否完成,如果完成,那么执行对应的 I/O 回调函数,那么这个检查 I/O 是否完成的观察者我们称之为 I/O 观察者。

观察者

如上提到了 I/O 观察者的概念,也讲了 Nodejs 中会有多个阶段,事实上每一个阶段都有一个或者多个对应的观察者,它们的工作很明确就是在每一次对应的 Tick 过程中,对应的观察者查找有没有对应的事件执行,如果有,那么取出来执行。

浏览器的事件来源于用户的交互和一些网络请求比如 ajax 等, Nodejs 中,事件来源于网络请求 http ,文件 I/O 等,这些事件都有对应的观察者,我这里枚举出一些重要的观察者。

在 Nodejs 中,对应观察者接收对应类型的事件,事件循环过程中,会向这些观察者询问有没有该执行的任务,如果有,那么观察者会取出任务,交给事件循环去执行。

请求对象与线程池

从 JavaScript 调用到计算机系统执行完 I/O 回调,请求对象充当着很重要的作用,我们还是以一次异步 I/O 操作为例

请求对象: 比如之前调用 fs.readFile ,本质上调用 libuv 上的方法创建一个请求对象。这个请求对象上保留着此次 I/O 请求的信息,包括此次 I/O 的主体和回调函数等。然后异步调用的第一阶段就完成了,JavaScript 会继续往下执行执行栈上的代码逻辑,当前的 I/O 操作将以请求对象的形式放入到线程池中,等待执行。达到了异步 I/O 的目的。

线程池: Nodejs 的线程池在 Windows 下有内核( IOCP )提供,在 Unix 系统中由 libuv 自行实现, 线程池用来执行部分的 I/O (系统文件的操作),线程池大小默认为 4 ,多个文件系统操作的请求可能阻塞到一个线程中。那么线程池里面的 I/O 操作是怎么执行的呢?上一步说到,一次异步 I/O 会把请求对象放在线程池中,首先会判断当前线程池是否有可用的线程,如果线程可用,那么会执行请求对象的 I/O 操作,并把执行后的结果返回给请求对象。在事件循环中的 I/O 处理阶段,I/O 观察者会获取到已经完成的 I/O 对象,然后取出回调函数和结果调用执行。I/O 回调函数就这样执行,而且在回调函数的参数重获取到结果。

异步 I/O 操作机制

上述讲了整个异步 I/O 的执行流程,从一个异步 I/O 的触发,到 I/O 回调到执行。事件循环 ,观察者 ,请求对象 ,线程池 构成了整个异步 I/O 执行模型。

用一幅图表示四者的关系:

总结上述过程:

对于如何感知异步 I/O 任务执行完毕的?以及如何获取完成的任务的呢?libuv 作为中间层, 在不同平台上,采用手段不同,在 unix 下通过 epoll 轮询,在 Windows 下通过内核( IOCP )来实现 ,FreeBSD 下通过 kqueue 实现。

三 事件循环

事件循环机制由宿主环境实现

上述中已经提及了事件循环不是 JavaScript 引擎的一部分 ,事件循环机制由宿主环境实现,所以不同宿主环境下事件循环不同 ,不同宿主环境指的是浏览器环境还是 nodejs 环境 ,但在不同操作系统中,nodejs 的宿主环境也是不同的,接下来用一幅图描述一下 Nodejs 中的事件循环和 javascript 引擎之间的关系。

以 libuv 下 nodejs 的事件循环为参考,关系如下:

以浏览器下 javaScript 的事件循环为参考,关系如下:

事件循环本质上就像一个 while 循环,如下所示,我来用一段代码模拟事件循环的执行流程。

  1. const queue = [ ... ]   // queue 里面放着待处理事件 
  2. while(true){ 
  3.     //开始循环 
  4.     //执行 queue 中的任务 
  5.     //.... 
  6.  
  7.     if(queue.length ===0){ 
  8.        return // 退出进程 
  9.     } 

我总结了流程图如下所示:

那么如何事件循环是如何处理这些任务的呢?我们列出 Nodejs 中一些常用的事件任务:

接下来会一一讲到 ,这些任务的原理以及 nodejs 是如何处理这些任务的。

1 事件循环阶段

对于不同的事件任务,会在不同的事件循环阶段执行。根据 nodejs 官方文档,在通常情况下,nodejs 中的事件循环根据不同的操作系统可能存在特殊的阶段,但总体是可以分为以下 6 个阶段 (代码块的六个阶段) :

  1.  

对于每一个阶段的执行特点和对应的事件任务,我接下来会详细剖析。我们看一下六个阶段在底层源码中是怎么样体现的。

我们看一下 libuv 下 nodejs 的事件循环的源代码(在 unix 和 win 有点差别,不过不影响流程,这里以 unix 为例子。):

libuv/src/unix/core.c

  1. int uv_run(uv_loop_t* loop, uv_run_mode mode) { 
  2.   // 省去之前的流程。 
  3.   while (r != 0 && loop->stop_flag == 0) { 
  4.  
  5.       
  6.     uv__update_time(loop); 
  7.  
  8.      
  9.     uv__run_timers(loop); 
  10.  
  11.      
  12.     ran_pending = uv__run_pending(loop); 
  13.  
  14.      
  15.     uv__run_idle(loop); 
  16.     uv__run_prepare(loop); 
  17.  
  18.     timeout = 0; 
  19.     if ((mode == UV_RUN_ONCE && !ran_pending) || mode == UV_RUN_DEFAULT) 
  20.       
  21.       timeout = uv_backend_timeout(loop); 
  22.      
  23.      
  24.     uv__io_poll(loop, timeout); 
  25.  
  26.      
  27.     uv__run_check(loop); 
  28.      
  29.     uv__run_closing_handles(loop); 
  30.       
  31.      r = uv__loop_alive(loop); 
  32.  
  33.      
  34.   } 
  35.   return r; 

我们看到六个阶段是按序执行的,只有完成上一阶段的任务,才能进行下一阶段

当 uv__loop_alive 判断当前事件循环没有任务,那么退出线程。

2 任务队列

在整个事件循环过程中,有四个队列(实际的数据结构不是队列)是在 libuv 的事件循环中进行的,还有两个队列是在 nodejs 中执行的分别是 promise 队列 和 nextTick 队列。

在 NodeJS 中不止一个队列,不同类型的事件在它们自己的队列中入队。在处理完一个阶段后,移向下一个阶段之前,事件循环将会处理两个中间队列,直到两个中间队列为空。

libuv 处理任务队列

事件循环的每一个阶段,都会执行对应任务队列里面的内容。

非 libuv 中间队列

中间队列的执行特点:

  1.  
  2. setTimeout(()=>{ 
  3.     console.log('setTimeout 执行'
  4. },0) 
  5.  
  6. const p = new Promise((resolve)=>{ 
  7.      console.log('Promise执行'
  8.      resolve() 
  9. }) 
  10. p.then(()=>{ 
  11.     console.log('Promise 回调执行'
  12. }) 
  13.  
  14. process.nextTick(()=>{ 
  15.     console.log('nextTick 执行'
  16. }) 
  17. console.log('代码执行完毕'

如上代码块中的 nodejs 中的执行顺序是什么?

效果:

打印结果:Promise执行 -> 代码执行完毕 -> nextTick 执行 -> Promise 回调执行 -> setTimeout 执行

解释:很好理解为什么这么打印,在主代码事件循环中,Promise执行 和 代码执行完毕 最先被打印,nextTick 被放入 nextTick 队列中,Promise 回调放入 Microtasks 队列中,setTimeout 被放入 timer 堆中。接下来主循环完成,开始清空两个队列中的内容,首先清空 nextTick 队列,nextTick 执行 被打印,接下来清空 Microtasks 队列,Promise 回调执行 被打印,最后再判断事件循环 loop 中还有 timer 任务,那么开启新的事件循环 ,首先执行,timer 任务,setTimeout 执行被打印。整个流程完毕。

  1.  
  2. process.nextTick(()=>{ 
  3.     const now = +new Date() 
  4.      
  5.     while( +new Date() < now + 3000 ){} 
  6. }) 
  7.  
  8. fs.readFile('./file.js',()=>{ 
  9.     console.log('I/O: file '
  10. }) 
  11.  
  12. setTimeout(() => { 
  13.     console.log('setTimeout: '
  14. }, 0); 

效果:

三秒钟, 事件循环中的 timer 任务和 I/O 任务,才被有序执行。也就是说 nextTick 中的代码,阻塞了事件循环的有序进行。

3 事件循环流程图

接下来用流程图,表示事件循环的六大阶段的执行顺序,以及两个优先队列的执行逻辑。

4 timer 阶段 -> 计时器 timer / 延时器 interval

延时器计时器观察者(Expired timers and intervals):延时器计时器观察者用来检查通过 setTimeout 或 setInterval创建的异步任务,内部原理和异步 I/O 相似,不过定期器/延时器内部实现没有用线程池。通过setTimeout 或 setInterval定时器对象会被插入到延时器计时器观察者内部的二叉最小堆中,每次事件循环过程中,会从二叉最小堆顶部取出计时器对象,判断 timer/interval 是否过期,如果有,然后调用它,出队。再检查当前队列的第一个,直到没有过期的,移到下一个阶段。

libuv 层如何处理 timer

首先一起看一下 libuv 层是如何处理的 timer

libuv/src/timer.c

  1. void uv__run_timers(uv_loop_t* loop) { 
  2.   struct heap_node* heap_node; 
  3.   uv_timer_t* handle; 
  4.  
  5.   for (;;) { 
  6.        
  7.     heap_node = heap_min((struct heap*) &loop->timer_heap); 
  8.      
  9.     if (heap_node == NULL
  10.       break; 
  11.  
  12.     handle = container_of(heap_node, uv_timer_t, heap_node); 
  13.     if (handle->timeout > loop->time
  14.        
  15.       break; 
  16.  
  17.     uv_timer_stop(handle); 
  18.     uv_timer_again(handle); 
  19.     handle->timer_cb(handle); 
  20.   } 

如上是 timer 阶段在 libuv 中执行特点。接下里分析一下 node 中是如何处理定时器延时器的。

node 层如何处理 timer

在 Nodejs 中 setTimeout 和 setInterval 是 nodejs 自己实现的,来一起看一下实现细节:

node/lib/timers.js

  1. function setTimeout(callback,after){ 
  2.     //... 
  3.      
  4.     //.. 
  5.      
  6.     const timeout = new Timeout(callback, after, args, falsetrue); 
  7.      
  8.     insert(timeout, timeout._idleTimeout); 
  9.  
  10.     return timeout; 

setTimeout:逻辑很简单,就是创建一个 timer 时间观察者,然后放入计时器堆中。

那么 Timeout 做了些什么呢?

node/lib/internal/timers.js

  1. function Timeout(callback, after, args, isRepeat, isRefed) { 
  2.   after *= 1  
  3.   if (!(after >= 1 && after <= 2 ** 31 - 1)) { 
  4.     after = 1 // 如果延时器 timeout 为 0 ,或者是大于 2 ** 31 - 1 ,那么设置成 1  
  5.   } 
  6.   this._idleTimeout = after; // 延时时间  
  7.   this._idlePrev = this; 
  8.   this._idleNext = this; 
  9.   this._idleStart = null
  10.   this._onTimeout = null
  11.   this._onTimeout = callback; // 回调函数 
  12.   this._timerArgs = args; 
  13.   this._repeat = isRepeat ? after : null
  14.   this._destroyed = false;   
  15.  
  16.   initAsyncResource(this, 'Timeout'); 

在 nodejs 中无论 setTimeout 还是 setInterval 本质上都是 Timeout 类。超出最大时间阀 2 ** 31 - 1 或者 setTimeout(callback, 0) ,_idleTimeout 会被设置成 1 ,转换为 setTimeout(callback, 1) 来执行。

timer 处理流程图

用一副流程图描述一下,我们创建一个 timer ,再到 timer 在事件循环里面执行的流程。

timer 特性

这里有两点需要注意:

验证结论一次执行一个 timer 任务 ,先来看一段代码片段:

  1. setTimeout(()=>{ 
  2.     console.log('setTimeout1:'
  3.     process.nextTick(()=>{ 
  4.         console.log('nextTick'
  5.     }) 
  6. },0) 
  7. setTimeout(()=>{ 
  8.     console.log('setTimeout2:'
  9. },0) 

打印结果:

nextTick 队列是在事件循环的每一阶段结束执行的,两个延时器的阀值都是 0 ,如果在 timer 阶段一次性执行完,过期任务的话,那么打印 setTimeout1 -> setTimeout2 -> nextTick ,实际上先执行一个 timer 任务,然后执行 nextTick 任务,最后再执行下一个 timer 任务。

5 pending 阶段

pending 阶段用来处理此次事件循环之前延时的 I/O 回调函数。首先看一下在 libuv 中执行时机。

libuv/src/unix/core.c

  1. static int uv__run_pending(uv_loop_t* loop) { 
  2.   QUEUE* q; 
  3.   QUEUE pq; 
  4.   uv__io_t* w 
  5.    
  6.   if (QUEUE_EMPTY(&loop->pending_queue)) 
  7.     return 0; 
  8.    
  9.   QUEUE_MOVE(&loop->pending_queue, &pq); 
  10.   while (!QUEUE_EMPTY(&pq)) {  
  11.     q = QUEUE_HEAD(&pq); 
  12.     QUEUE_REMOVE(q); 
  13.     QUEUE_INIT(q); 
  14.     w = QUEUE_DATA(q, uv__io_t, pending_queue); 
  15.     w->cb(loop, w, POLLOUT); 
  16.   } 
  17.   return 1; 

6 idle, prepare 阶段

idle 做一些 libuv 一些内部操作, prepare 为接下来的 I/O 轮询做一些准备工作。接下来一起解析一下比较重要 poll 阶段。

7 poll I / O 轮询阶段

在正式讲解 poll 阶段做哪些事情之前,首先看一下,在 libuv 中,轮询阶段的执行逻辑:

  1. timeout = 0; 
  2.   if ((mode == UV_RUN_ONCE && !ran_pending) || mode == UV_RUN_DEFAULT) 
  3.      
  4.     timeout = uv_backend_timeout(loop); 
  5.      
  6.     uv__io_poll(loop, timeout); 

初始化超时时间 timeout = 0 ,通过 uv_backend_timeout 计算本次 poll 阶段的超时时间。超时时间会影响到异步 I/O 和后续事件循环的执行。

timeout代表什么

首先要明白不同 timeout ,在 I/O 轮询中代表什么意思。

获取timeout

timeout 的获取是通过 uv_backend_timeout 那么如何获得的呢?

  1. int uv_backend_timeout(const uv_loop_t* loop) { 
  2.      
  3.   if (loop->stop_flag != 0) 
  4.     return 0; 
  5.     
  6.   if (!uv__has_active_handles(loop) && !uv__has_active_reqs(loop)) 
  7.     return 0; 
  8.    
  9.   if (!QUEUE_EMPTY(&loop->idle_handles)) 
  10.     return 0; 
  11.       
  12.   if (!QUEUE_EMPTY(&loop->pending_queue)) 
  13.     return 0; 
  14.     
  15.   if (loop->closing_handles) 
  16.     return 0; 
  17.    
  18.   return uv__next_timeout(loop); 

uv_backend_timeout 主要做的事情是:

接下来看一下 uv__next_timeout 逻辑。

  1. int uv__next_timeout(const uv_loop_t* loop) { 
  2.   const struct heap_node* heap_node; 
  3.   const uv_timer_t* handle; 
  4.   uint64_t diff; 
  5.    
  6.   heap_node = heap_min((const struct heap*) &loop->timer_heap); 
  7.   if (heap_node == NULL)  
  8.     return -1;  
  9.  
  10.   handle = container_of(heap_node, uv_timer_t, heap_node); 
  11.     
  12.   if (handle->timeout <= loop->time
  13.     return 0; 
  14.     
  15.   diff = handle->timeout - loop->time
  16.   return (int) diff; 

uv__next_timeout 做的事情如下:

执行io_poll

接下来就是 uv__io_poll 真正的执行,里面有一个 epoll_wait 方法,根据 timeout ,来轮询有没有 I/O 完成,有得话那么执行 I/O 回调。这也是 unix 下异步I/O 实现的重要环节。

poll阶段本质

接下来总结一下 poll 阶段的本质:

poll 阶段流程图

我把整个 poll 阶段做的事用流程图表示,省去了一些细枝末节。

8 check 阶段

如果 poll 阶段进入 idle 状态并且 setImmediate 函数存在回调函数时,那么 poll 阶段将打破无限制的等待状态,并进入 check 阶段执行 check 阶段的回调函数。

check 做的事就是处理 setImmediate 回调。,先来看一下 Nodejs 中是怎么定义的 setImmediate。

Nodejs 底层中的 setImmediate

setImmediate定义

node/lib/timer.js

  1. function setImmediate(callback, arg1, arg2, arg3) { 
  2.   validateCallback(callback);  
  3.     
  4.    return new Immediate(callback, args); 
  1. class Immediate{ 
  2.    constructor(callback, args) { 
  3.     this._idleNext = null
  4.     this._idlePrev = null;  
  5.     this._onImmediate = callback; 
  6.     this._argv = args; 
  7.     this._destroyed = false
  8.     this[kRefed] = false
  9.  
  10.     initAsyncResource(this, 'Immediate'); 
  11.     this.ref(); 
  12.     immediateInfo[kCount]++; 
  13.      
  14.     immediateQueue.append(this);  
  15.   } 

setImmediate执行

poll 阶段之后,会马上到 check 阶段,执行 immediateQueue 里面的 Immediate。在每一次事件循环中,会先执行一个setImmediate 回调,然后清空 nextTick 和 Promise 队列的内容。为了验证这个结论,同样和 setTimeout 一样,看一下如下代码块:

  1. setImmediate(()=>{ 
  2.     console.log('setImmediate1'
  3.     process.nextTick(()=>{ 
  4.         console.log('nextTick'
  5.     }) 
  6. }) 
  7.  
  8. setImmediate(()=>{ 
  9.     console.log('setImmediate2'
  10. }) 

打印 setImmediate1 -> nextTick -> setImmediate2 ,在每一次事件循环中,执行一个 setImmediate ,然后执行清空 nextTick 队列,在下一次事件循环中,执行另外一个 setImmediate2 。

setImmediate执行流程图

setTimeout & setImmediate

接下来对比一下 setTimeout 和 setImmediate,如果开发者期望延时执行的异步任务,那么接下来对比一下 setTimeout(fn,0) 和 setImmediate(fn) 区别。

如果 setTimeout 和 setImmediate 在一起,那么谁先执行呢?

首先写一个 demo:

  1. setTimeout(()=>{ 
  2.     console.log('setTimeout'
  3. },0) 
  4.  
  5. setImmediate(()=>{ 
  6.     console.log( 'setImmediate' ) 
  7. }) 

猜测

先猜测一下,setTimeout 发生 timer 阶段,setImmediate 发生在 check 阶段,timer 阶段早于 check 阶段,那么 setTimeout 优先于 setImmediate 打印。但事实是这样吗?

实际打印结果

从以上打印结果上看, setTimeout 和 setImmediate 执行时机是不确定的,为什么会造成这种情况,上文中讲到即使 setTimeout 第二个参数为 0,在 nodejs 中也会被处理 setTimeout(fn,1)。当主进程的同步代码执行之后,会进入到事件循环阶段,第一次进入 timer 中,此时 settimeout 对应的 timer 的时间阀值为 1,若在前文 uv__run_timer(loop) 中,系统时间调用和时间比较的过程总耗时没有超过 1ms 的话,在 timer 阶段会发现没有过期的计时器,那么当前 timer 就不会执行,接下来到 check 阶段,就会执行 setImmediate 回调,此时的执行顺序是:setImmediate -> setTimeout。

但是如果总耗时超过一毫秒的话,执行顺序就会发生变化,在 timer 阶段,取出过期的 setTimeout 任务执行,然后到 check 阶段,再执行 setImmediate ,此时 setTimeout -> setImmediate。

造成这种情况发生的原因是:timer 的时间检查距当前事件循环 tick 的间隔可能小于 1ms 也可能大于 1ms 的阈值,所以决定了 setTimeout 在第一次事件循环执行与否。

接下来我用代码阻塞的情况,会大概率造成 setTimeout 一直优先于 setImmediate 执行。

  1.  
  2. setImmediate(()=>{ 
  3.     console.log( 'setImmediate' ) 
  4. }) 
  5.  
  6. setTimeout(()=>{ 
  7.     console.log('setTimeout'
  8. },0) 
  9.  
  10. for(let i=0;i<100000;i++){ 

效果:

100000 循环阻塞代码,这样会让 setTimeout 超过时间阀值执行,这样就保证了每次先执行 setTimeout -> setImmediate 。

特殊情况:确定顺序一致性。我们看一下特殊的情况。

  1. const fs = require('fs'
  2. fs.readFile('./file.js',()=>{ 
  3.     setImmediate(()=>{ 
  4.         console.log( 'setImmediate' ) 
  5.     }) 
  6.     setTimeout(()=>{ 
  7.         console.log('setTimeout'
  8.     },0) 
  9. }) 

如上情况就会造成,setImmediate 一直优先于 setTimeout 执行,至于为什么,来一起分析一下原因。

万变不离其宗,只要掌握了如上各个阶段的特性,那么对于不同情况的执行情况,就可以清晰的分辨出来。

9 close 阶段

close 阶段用于执行一些关闭的回调函数。执行所有的 close 事件。接下来看一下 close 事件 libuv 的实现。

libuv/src/unix/core.c

  1. static void uv__run_closing_handles(uv_loop_t* loop) { 
  2.   uv_handle_t* p; 
  3.   uv_handle_t* q; 
  4.  
  5.   p = loop->closing_handles; 
  6.   loop->closing_handles = NULL
  7.  
  8.   while (p) { 
  9.     q = p->next_closing; 
  10.     uv__finish_close(p); 
  11.     p = q; 
  12.   } 

10 Nodejs 事件循环总结

接下来总结一下 Nodejs 事件循环。

四 Nodejs事件循环习题演练

接下来为了更清楚事件循环流程,这里出两道事件循环的问题。作为实践:

习题一

  1. process.nextTick(function(){ 
  2.     console.log('1'); 
  3. }); 
  4. process.nextTick(function(){ 
  5.     console.log('2'); 
  6.      setImmediate(function(){ 
  7.         console.log('3'); 
  8.     }); 
  9.     process.nextTick(function(){ 
  10.         console.log('4'); 
  11.     }); 
  12. }); 
  13.  
  14. setImmediate(function(){ 
  15.     console.log('5'); 
  16.      process.nextTick(function(){ 
  17.         console.log('6'); 
  18.     }); 
  19.     setImmediate(function(){ 
  20.         console.log('7'); 
  21.     }); 
  22. }); 
  23.  
  24. setTimeout(e=>{ 
  25.     console.log(8); 
  26.     new Promise((resolve,reject)=>{ 
  27.         console.log(8+'promise'); 
  28.         resolve(); 
  29.     }).then(e=>{ 
  30.         console.log(8+'promise+then'); 
  31.     }) 
  32. },0) 
  33.  
  34. setTimeout(e=>{ console.log(9); },0) 
  35.  
  36. setImmediate(function(){ 
  37.     console.log('10'); 
  38.     process.nextTick(function(){ 
  39.         console.log('11'); 
  40.     }); 
  41.     process.nextTick(function(){ 
  42.         console.log('12'); 
  43.     }); 
  44.     setImmediate(function(){ 
  45.         console.log('13'); 
  46.     }); 
  47. }); 
  48.  
  49. console.log('14'); 
  50.  new Promise((resolve,reject)=>{ 
  51.     console.log(15); 
  52.     resolve(); 
  53. }).then(e=>{ 
  54.     console.log(16); 
  55. }) 

如果刚看这个 demo 可以会发蒙,不过上述讲到了整个事件循环,再来看这个问题就很轻松了,下面来分析一下整体流程:

最先打印:

打印console.log('14');

打印console.log(15);

nextTick 队列:

nextTick -> console.log(1) nextTick -> console.log(2) -> setImmediate(3) -> nextTick(4)

Promise队列

Promise.then(16)

check队列

setImmediate(5) -> nextTick(6) -> setImmediate(7) setImmediate(10) -> nextTick(11) -> nextTick(12) -> setImmediate(13)

timer队列

setTimeout(8) -> promise(8+'promise') -> promise.then(8+'promise+then') setTimeout(9)

清空 nextTick ,打印:

console.log('1');

console.log('2'); 执行第二个 nextTick 的时候,又有一个 nextTick ,所以会把这个 nextTick 也加入到队列中。接下来马上执行。console.log('4')

接下来清空Microtasks

console.log(16);

此时的 check 队列加入了新的 setImmediate。

check队列setImmediate(5) -> nextTick(6) -> setImmediate(7) setImmediate(10) -> nextTick(11) -> nextTick(12) -> setImmediate(13) setImmediate(3)

执行第一个 timer:

console.log(8); 此时发现一个 Promise 。在正常的执行上下文中:console.log(8+'promise'); 然后将 Promise.then 加入到 nextTick 队列中。接下里会马上清空 nextTick 队列。console.log(8+'promise+then');

执行第二个 timer:

console.log(9)

接下来到了 check 阶段,执行 check 队列里面的内容:

执行第一个 check:

console.log(5); 此时发现一个 nextTick ,然后还有一个 setImmediate 将 setImmediate 加入到 check 队列中。然后执行 nextTick 。console.log(6)

执行第二个 check

console.log(10)

此时发现两个 nextTick 和一个 setImmediate 。接下来清空 nextTick 队列。将 setImmediate 添加到队列中。

console.log(11)

console.log(12)

此时的 check 队列是这样的:

setImmediate(3) setImmediate(7) setImmediate(13)

接下来按顺序清空 check 队列。打印

console.log(3)

console.log(7)

console.log(13)

到此为止,执行整个事件循环。那么整体打印内容如下:

五 总结

本文主要讲的内容如下:

参考资料

 

 

来源: 前端Sharing内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯