Node.js事件的正确使用方法


Posted in Javascript onApril 05, 2019

前言

事件驱动的编程变得流行之前,在程序内部进行通信的标准方法非常简单:如果一个组件想要向另外一个发送消息,只是显式地调用了那个组件上的方法。但是在 react 中用的却是事件驱动而不是调用。

事件的好处

这种方法能够使组件更加分离。在我们继续写程序时,会识别整个过程中的事件,在正确的时间触发它们,并为每个事件附加一个或多个事件监听器,这使得功能扩展变得更加容易。我们可以为特定事件添加更多的 listener,而不必修改现有的侦听器或触发事件的应用程序部分。我们所谈论的是观察者模式。

Node.js事件的正确使用方法

设计一个事件驱动的体系结构

对事件进行识别非常重要,我们不希望最终必须从系统中删除或替换现有事件,因为这可能会迫使我们删除或修改附加到事件上的众多侦听器。我的一般原则是仅在业务逻辑单元完成执行时才考虑触发事件。

假如你想在用户注册后发送一堆不同的电子邮件。注册过程本身可能会涉及许多复杂的步骤和查询,但从商业角度来看,这只是其中的一个步骤。每个要发送的电子邮件也是单独的步骤。因此,一旦注册完成马上就发布事件是很有意义的。于是我们附加了多个监听器,每个监听器负责发送一种类型的电子邮件。

Node的异步事件驱动架构具有一些被称为“emitters”的对象。它们发出命名事件,这些事件会调用被称为“listener”的函数。发出事件的所有对象都是 EventEmitter 类的实例。使用它,我们可以创建自己的事件:

一个例子

让我们使用内置的 events 模块(我建议你查看这个文档:https://nodejs.org/api/events...)以获取对 EventEmitter 的访问权限。

const EventEmitter = require('events');

const myEmitter = new EventEmitter();

module.exports = myEmitter;

这是我们的服务器端程序的一部分,它负责接收HTTP请求,保存新用户并发出事件:

const myEmitter = require('./my_emitter');

// Perform the registration steps

// Pass the new user object as the message passed through by this event.
myEmitter.emit('user-registered', user);

附加一个监听器的单独模块:

const myEmitter = require('./my_emitter');

myEmitter.on('user-registered', (user) => {
 // Send an email or whatever.
});

将策略与实现分开是一种非常好的做法。在这种情况下,策略意味着哪些 listener 订阅了哪些事件。实现意味着 listener 自己。

const myEmitter = require('./my_emitter');
const sendEmailOnRegistration = require('./send_email_on_registration');
const someOtherListener = require('./some_other_listener');

myEmitter.on('user-registered', sendEmailOnRegistration);
myEmitter.on('user-registered', someOtherListener);
module.exports = (user) => {
 // Send a welcome email or whatever.
}

这种分离使 listener 也可以被重复使用,它可以被附加到发送相同消息的其他事件上(用户对象)。同样重要的是 当多个 listener 被附加到单个事件时,它们将按照附加的顺序同步执行。因此 someOtherListener 将在 sendEmailOnRegistration 完成执行后运行。

但是,如果你希望自己的 listener 以异步方式运行,只需用 setImmediate 包装它们的实现,如下所示:

module.exports = (user) => {
 setImmediate(() => {
 // Send a welcome email or whatever.
 });
}

让你的 Listeners 保持简洁

在写 listener 时要坚持单一责任原则。一个 listener 应该只做一件事并把事情做好。例如:要避免在 listener 中编写太多的条件并根据事件传来的数据(消息)去决定做什么。在这种情况下使用不同的事件会更加合适:

const myEmitter = require('./my_emitter');

// Perform the registration steps

// The application should react differently if the new user has been activated instantly.
if (user.activated) {
 myEmitter.emit('user-registered:activated', user);
 
} else {
 myEmitter.emit('user-registered', user);
}
const myEmitter = require('./my_emitter');
const sendEmailOnRegistration = require('./send_email_on_registration');
const someOtherListener = require('./some_other_listener');
const doSomethingEntirelyDifferent = require('./do_something_entirely_different');


myEmitter.on('user-registered', sendEmailOnRegistration);
myEmitter.on('user-registered', someOtherListener);

myEmitter.on('user-registered:activated', doSomethingEntirelyDifferent);
view raw

必要时明确分离 Listener

在前面的例子中,我们的 listener 是完全独立的函数。但是在 listener 与对象关联的情况下(这时是一种方法),必须手动将其从已订阅的事件中分离出来。否则对象将永远不会被垃圾回收,因为对象( listener )的一部分将会继续被外部对象( emitter )引用,所以存在内存泄漏的可能。

例如,如果我们正在开发一个聊天程序,并且希望当新消息到达用户进入的聊天室时,显示通知的功能应该位于该用户对象本身的内部,我们可能会这样做:

class ChatUser {
 
 displayNewMessageNotification(newMessage) {
 // Push an alert message or something.
 }
 
 // `chatroom` is an instance of EventEmitter.
 connectToChatroom(chatroom) {
 chatroom.on('message-received', this.displayNewMessageNotification);
 }

 disconnectFromChatroom(chatroom) {
 chatroom.removeListener('message-received', this.displayNewMessageNotification);
 }
}

当用户关闭他的标签或暂时断开互联网连接时,我们可能希望在服务器端发起一个回调,通知其他用户有人刚刚下线。当然在这时为脱机用户调用 displayNewMessageNotification 没有任何意义。除非我们删除它,否则它将继续被用于调用新消息。如果不这样做,除了不必要的调用之外,用户对象也会被永久地保留在内存中。因此在用户脱机时应该在服务器端回调中调用 disconnectFromChatroom。

注意事项

如果不小心,即便是松散耦合的事件驱动架构也会导致复杂性的增加,可能会导致在系统中跟踪依赖关系变得很困难。如果我们从侦听器内部发出事件,程序会特别容易出现这类问题。这可能会触发意外的事件链。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
DOM相关内容速查手册
Feb 07 Javascript
输入自动提示搜索提示功能的javascript:sugggestion.js
Sep 02 Javascript
一个jquery实现的不错的多行文字图片滚动效果
Sep 28 Javascript
jQuery实现拖动调整表格单元格大小的代码实例
Jan 13 Javascript
js分页工具实例
Jan 28 Javascript
JQuery实现鼠标滚轮滑动到页面节点
Jul 28 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
Dec 22 Javascript
浅谈 Vue v-model指令的实现原理
Jun 08 Javascript
js中innerText/textContent和innerHTML与target和currentTarget的区别
Jan 21 Javascript
vue表单验证你真的会了吗?vue表单验证(form)validate
Apr 07 Javascript
jQuery实现轮播图效果demo
Jan 11 jQuery
angular中的post请求处理示例详解
Jun 30 Javascript
利用Node.js如何实现文件循环覆写
Apr 05 #Javascript
详解JavaScript栈内存与堆内存
Apr 04 #Javascript
jQuery中实现text()的方法
Apr 04 #jQuery
基于 jQuery 实现键盘事件监听控件
Apr 04 #jQuery
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
Apr 04 #Javascript
基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)
Apr 04 #Javascript
vue学习笔记五:在vue项目里面使用引入公共方法详解
Apr 04 #Javascript
You might like
php simplexmlElement操作xml的命名空间实现代码
2011/01/04 PHP
数据库中排序的对比及使用条件详解
2012/02/23 PHP
写一段简单的PHP建立文件夹代码
2015/01/06 PHP
Laravel中基于Artisan View扩展包创建及删除应用视图文件的方法
2016/10/08 PHP
浅谈PHP表单提交(POST&GET&URL编/解码)
2017/04/03 PHP
php操作redis数据库常见方法实例总结
2020/02/20 PHP
Add Formatted Data to a Spreadsheet
2007/06/12 Javascript
JQuery获取文本框中字符长度的代码
2011/09/29 Javascript
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
2013/12/13 Javascript
javascript引用类型指针的工作方式
2015/04/13 Javascript
js实现图片放大和拖拽特效代码分享
2015/09/05 Javascript
微信小程序 loading 详解及实例代码
2016/11/09 Javascript
Angular7.2.7路由使用初体验
2019/03/01 Javascript
Javascript之高级数组API的使用实例
2019/03/08 Javascript
记一次用ts+vuecli4重构项目的实现
2020/05/21 Javascript
[01:01:41]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma BO3 第二场 1月31日
2021/03/11 DOTA
Python GAE、Django导出Excel的方法
2008/11/24 Python
对Python3中的input函数详解
2018/04/22 Python
详解Python数据可视化编程 - 词云生成并保存(jieba+WordCloud)
2019/03/26 Python
Python实现最大子序和的方法示例
2019/07/05 Python
使用python爬取抖音视频列表信息
2019/07/15 Python
python 两个数据库postgresql对比
2019/10/21 Python
jupyter notebook 重装教程
2020/04/16 Python
python用700行代码实现http客户端
2021/01/14 Python
英国街头品牌:Bee Inspired Clothing
2018/02/12 全球购物
Rag & Bone官网:瑞格布恩高级成衣
2018/04/19 全球购物
Zooplus罗马尼亚:宠物食品和配件
2019/11/02 全球购物
德国2018年度最佳在线药房:Bodfeld Apotheke
2019/11/04 全球购物
科颜氏印度官网:Kiehl’s印度
2021/02/20 全球购物
介绍一下OSI七层模型
2012/07/03 面试题
J2EE相关知识面试题
2013/08/26 面试题
优秀毕业生自我鉴定
2014/01/19 职场文书
安全生产管理合理化建议书
2014/03/12 职场文书
药店收银员岗位职责
2015/04/07 职场文书
《红领巾真好》教学反思
2016/02/16 职场文书
2019大学毕业晚会主持词
2019/06/21 职场文书