Node.js事件循环

CSDN话题挑战赛第2期
参赛话题:学习笔记

学习之路,长路漫漫,写学习笔记的过程就是把知识讲给自己听的过程。这个过程中,我们去记录思考的过程,便于日后复习,梳理自己的思路。学习之乐,独乐乐,不如众乐乐,把知识讲给更多的人听,何乐而不为呢?

当Node.js启动时,初始化EventLoop,处理输入的代码脚本这些脚本API会被异步调用,process.nextTick方法会开始处理事件循环。

整个过程分为六个阶段,timers、I/O callbacks、idle,prpare、poll、check、close callbacks。

timers阶段执行:setTimeout、setInterval
I/O callbacks阶段系统级别的回调函数
idle,prepare阶段系统内部闲置、准备
poll阶段:poll:检索新的I/O事件,在恰当的时候Node会阻塞在这个阶段。当poll队列存在可执行回调函数,需先执行完,待完全执行完成后,才会执行check、setImmediate阶段
check阶段执行setimmediate设置的回调
closecallbacks阶段执行关闭请求的回调函数

process.nextTick会在上述阶段结束时,在进入下一个阶段之前立即执行,

浏览器端任务队列事件循环仅出队一个回调函数接着去执行微任务队列。Nodejs端只要轮到执行某个宏任务队列时,就会执行完队列中所有的当前任务,但是当前轮次新添加到队尾的任务则会等到下一轮次才会执行。

宏任务:

  • setTimeout、setInterval、setimmediate
  • 网络请求

微任务:

  • Promise的then回调
  • async/await
  • process.nextTick回调

process.nextTick的原理

process.nextTick会将回调添加到next tick queue
next tick queue会在当前JavaScript执行完成后下一次event开始执行前按照FIFO出队
如果递归调用process.nextTick可能会导致一个无限循环,需要去适时终止递归

process.nextTick是微任务,同时也是异步API的一部分,但是从技术上来说process.nextTick并不是事件循环的一部分。

为什么使用Process.nextTick()

Node.js的API通常是异步的,即使不需要异步的地方,也会通过process.nextTick通知错误。

process.nextTick(callback, new Error('执行错误'));

将一个错误传递给用户,但只允许在用户代码被执行完毕后执行。使用process.nextTick()我们可以保证API的回调总是在用户代码被执行后,且在事件循环继续工作之前被执行。

Vue中的nextTick

vue的nextTick又是什么意思

vue是异步执行DOM的更新。当数据发生变化时,vue会开启一个队列,用于缓冲在同一事件循环中发生的所有数据改变的情况。如果同一个watcher被多次触发,只会被推入到队列中一次。这种在缓冲时去除重复数据对于避免不必要的计算和DOM操作上非常重要。然后在下一个的事件循环中。该组件不会被立即渲染,当刷新队列时,组件会在事件循环队列清空的下一个循环更新。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端御书房

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值