Node.js 事件循环和事件派发器

简介: Node.js 事件循环和事件派发器

1、process.nextTick() 介绍

Node.js中 process.nextTick函数以一种特殊的方式与事件循环交互。

当你试图理解Node.js事件循环时,它的一个重要部分是process.nextTick()。每次事件循环进行一次完整的行程,我们都称之为tick。

当我们将函数传递给process.nextTick() 时,我们指示引擎在当前操作结束时,在下一个事件循环tick开始之前调用此函数:

1. process.nextTick(() => {
2. // do something
3. });

事件循环正忙于处理当前函数代码。当该操作结束时,JS引擎将运行该操作期间传递给nextTick调用的所有函数。

这是我们可以告诉JS引擎异步处理函数(在当前函数之后)的方法,但要尽快,而不是将其排队。

调用setTimeout(()=>{},0) 将在下一个刻度结束时执行该函数,比使用nextTick() 要晚得多,后者会对调用进行优先级排序,并在下一刻度开始前执行。

当您希望确保在下一次事件循环迭代中该代码已经执行时,请使用nextTick() 。

事件顺序示例:

1. console.log("Hello => number 1");
2. setImmediate(() => {
3.  console.log("Running before the timeout => number 3");
4. });
5. setTimeout(() => {
6.  console.log("The timeout running last => number 4");
7. }, 0);
8. process.nextTick(() => {
9.  console.log("Running at next tick => number 2");
10. });

输出结果:

1. Hello => number 1
2. Running at next tick => number 2
3. Running before the timeout => number 3
4. The timeout running last => number 4

2、setTimeout()

在编写JavaScript代码时,您可能希望延迟函数的执行。

这是setTimeout的工作。指定一个稍后执行的回调函数,以及一个表示希望它稍后运行的值(以毫秒为单位):

1. setTimeout(() => {
2. // runs after 2 seconds
3. }, 2000);
4. setTimeout(() => {
5. // runs after 50 milliseconds
6. }, 50);

此语法定义了一个新函数。你可以调用你想要的任何其他函数,也可以传递一个现有的函数名和一组参数:

1. const myFunction = (firstParam, secondParam) => {
2. // do something
3. console.log(firstParam + ' ' + secondParam)
4. };
5. // runs after 2 seconds
6. setTimeout(myFunction, 2000, "zhang", "san");

setTimeout返回计时器id。通常不使用此id,但您可以存储此id,如果您想删除此计划的函数执行,则可以将其清除:

1. const id = setTimeout(() => {
2. // should run after 2 seconds
3. }, 2000);
4. // I changed my mind
5. clearTimeout(id);

3、零延迟

如果将超时延迟指定为0,回调函数将尽快执行,但在当前函数执行之后:

1. setTimeout(() => {
2. console.log('after ');
3. }, 0);
4. console.log(' before ');

代码将会打印:

1. before
2. after

这对于避免在密集任务上阻塞CPU,并通过在调度器中对函数进行排队来在执行繁重计算时执行其他函数特别有用。

一些浏览器(IE和Edge)实现了setImmediate() 方法,该方法具有相同的功能,但它不是标准的,在其他浏览器上不可用。但这是Node.js中的一个标准函数。

在chrome 浏览中,测试下:

4、setInterval()

setInterval是一个类似于setTimeout的函数,但不同之处在于:它不会运行回调函数一次,而是将以您指定的特定时间间隔(以毫秒为单位)永远运行回调函数:

1. setInterval(() => {
2. // runs every 2 seconds
3. }, 2000);

上面的函数每2秒运行一次,除非您告诉它停止,否则使用clearInterval将setInterval返回的interval id传递给它:

1. const id = setInterval(() => {
2. // runs every 2 seconds
3. }, 2000);
4. clearInterval(id);

通常在setInterval回调函数内部调用clearInterval,让它自动决定是应该再次运行还是停止。

5、递归setTimeout

setInterval每n毫秒启动一个函数,而不考虑函数何时完成执行。

如果一个函数总是花费相同的时间,那么一切都很好:

根据网络条件的不同,该函数可能需要不同的执行时间,例如:

也许一个长的执行与下一个重叠:

为了避免这种情况,您可以安排在回调函数完成时调用递归setTimeout:

1. const myFunction = () => {
2. // do something
3.  setTimeout(myFunction, 1000);
4. };
5. setTimeout(myFunction, 1000);

为了实现这种情况:

setTimeout和setInterval在Node.js中通过Timers模块提供。

Node.js还提供了setImmediate(),相当于使用setTimeout(()=>{},0),主要用于处理Node.js事件循环。

6、setImmediate()

当您想异步执行某段代码,但要尽快执行时,一种选择是使用Node.js提供的setImmediate()函数:

1. setImmediate(() => {
2. // run something
3. });

作为setImmediate() 参数传递的任何函数都是在事件循环的下一次迭代中执行的回调。

setImmediate() 与setTimeout(() => { }, 0)(传递0ms超时)以及process.nextTick() 和Promise.then() 有何不同?

传递给process.nextTick() 的函数将在当前操作结束后,在事件循环的当前迭代中执行。这意味着它将始终在setTimeout和setImmediate之前执行。

延迟0ms的setTimeout() 回调与setImmediate() 非常相似。执行顺序将取决于各种因素,但它们都将在事件循环的下一次迭代中运行。

process.nextTick回调被添加到process.nextTick队列中。Promise.then() 回调被添加到promises微任务队列中。将setTimeout、setImmediate回调添加到宏任务队列中。

事件循环先执行process.nextTick队列中的任务,然后执行promise微任务队列,然后执行宏任务队列。

以下是一个示例,用于显示setImmediate() 、process.nextTick() 和Promise.then() 之间的顺序:

1. const baz = () => console.log('baz');
2. const foo = () => console.log('foo');
3. const zoo = () => console.log('zoo');
4. const start = () => {
5. console.log('start');
6. setImmediate(baz);
7. new Promise((resolve, reject) => {
8. resolve('bar');
9.   }).then((resolve) => {
10. console.log(resolve);
11.     process.nextTick(zoo);
12.   });
13.   process.nextTick(foo);
14. };
15. start();
16. 
17. // start foo bar zoo baz

7、Node.js 事件派发器

如何在Node.js中使用自定义事件

如果你在浏览器中使用JavaScript,你就会知道用户的大部分交互是通过事件来处理的:鼠标点击、键盘按钮按下、对鼠标移动的反应等等。

在后端,Node.js为我们提供了使用事件模块构建类似系统的选项。

这个模块特别提供了EventEmitter类,我们将使用它来处理我们的事件。

初始化使用:

1. const EventEmitter = require('events');
2. const eventEmitter = new EventEmitter();

该对象公开了on和emit方法以及其他许多方法。

  • emit 用于触发事件
  • on 用于添加一个回调函数,该函数将在事件被触发时执行

例如,让我们创建一个start事件,作为提供一个示例,我们只需看控制台的输出:

1. eventEmitter.on('start', () => {
2.  console.log('started');
3. });

我们运行:

eventEmitter.emit('start');

您可以将参数作为附加参数传递给emit(),从而将参数传递给事件处理程序

1. eventEmitter.on('start', (start, end) => {
2.  console.log(`started from ${start} to ${end}`);
3. });
4. eventEmitter.emit('start', 1, 100);

EventEmitter对象还公开了其他几种与事件交互的方法,如

  • once() :添加一次性侦听器
  • removeLister() / of() :从事件中删除事件侦听器
  • removeAllListeners() :删除事件的所有侦听器

您可以在官方文档中阅读更多关于这些方法的信息。

https://nodejs.dev/en/api/events/

相关文章
|
JavaScript 前端开发 Java
【Java进阶】详解JavaScript事件
总的来说,JavaScript事件是JavaScript交互设计的核心,理解和掌握JavaScript事件对于编写高效、响应式的网页应用至关重要。
291 15
|
消息中间件 JavaScript 前端开发
最细最有条理解析:事件循环(消息循环)是什么?为什么JS需要异步
度一教育的袁进老师谈到他的理解:单线程是异步产生的原因,事件循环是异步的实现方式。 本质是因为渲染进程因为计算机图形学的限制,只能是单线程。所以需要“异步”这个技术思想来解决页面阻塞的问题,而“事件循环”是实现“异步”这个技术思想的最主要的技术手段。 但事件循环并不是全部的技术手段,比如Promise,虽然受事件循环管理,但是如果没有事件循环,单一Promise依然能实现异步不是吗? 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您
|
JavaScript 前端开发 测试技术
盘点原生JavaScript中直接触发事件的方式
本文全面探讨了原生JavaScript中触发事件的多种方式,包括`dispatchEvent`、`Event`构造函数、`CustomEvent`构造器、直接调用事件处理器以及过时的`createEvent`和`initEvent`方法。通过技术案例分析,如模拟点击事件、派发自定义数据加载事件和实现提示框系统,帮助开发者掌握这些方法在实际开发中的应用,提升灵活性与兼容性。
601 3
|
JavaScript 前端开发 API
深入理解Node.js事件循环及其在后端开发中的应用
本文旨在揭示Node.js的核心特性之一——事件循环,并探讨其对后端开发实践的深远影响。通过剖析事件循环的工作原理和关键组件,我们不仅能够更好地理解Node.js的非阻塞I/O模型,还能学会如何优化我们的后端应用以提高性能和响应能力。文章将结合实例分析事件循环在处理大量并发请求时的优势,以及如何避免常见的编程陷阱,从而为读者提供从理论到实践的全面指导。
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
1099 5
|
JavaScript API 开发者
深入理解Node.js中的事件循环和异步编程
【10月更文挑战第41天】本文将通过浅显易懂的语言,带领读者探索Node.js背后的核心机制之一——事件循环。我们将从一个简单的故事开始,逐步揭示事件循环的奥秘,并通过实际代码示例展示如何在Node.js中利用这一特性进行高效的异步编程。无论你是初学者还是有经验的开发者,这篇文章都能让你对Node.js有更深刻的认识。
|
存储 JavaScript 网络协议
浏览器与 Node 的事件循环
浏览器和Node.js的事件循环是异步操作的核心机制。它们通过管理任务队列和回调函数,确保程序在处理耗时任务时不会阻塞主线程,从而实现高效、响应式的应用开发。
|
JavaScript 前端开发 开发者
JavaScript的事件循环
【10月更文挑战第27天】理解JavaScript的事件循环机制对于正确编写和理解JavaScript中的异步代码至关重要,它是JavaScript能够高效处理各种异步任务的关键所在。
326 59
|
存储 JavaScript 前端开发
js事件队列
【10月更文挑战第15天】
303 6
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
1201 0