返回顶部
首页 > 资讯 > 精选 >node.js怎么自定义实现一个EventEmitter
  • 506
分享到

node.js怎么自定义实现一个EventEmitter

2023-06-20 16:06:05 506人浏览 独家记忆
摘要

这篇文章主要介绍“node.js怎么自定义实现一个EventEmitter”,在日常操作中,相信很多人在node.js怎么自定义实现一个EventEmitter问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”n

这篇文章主要介绍“node.js怎么自定义实现一个EventEmitter”,在日常操作中,相信很多人在node.js怎么自定义实现一个EventEmitter问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”node.js怎么自定义实现一个EventEmitter”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

目录
  • 前言

  • 一、是什么

  • 二、nodejs中EventEmitter使用方法

  • 三、实现过程

前言

最近做了商品批发的需求,需要针对不同的商户选择对应的批发商品回显到原来的界面。由于该项目的代码是公司古董级别(这种代码都是程序猿的痛),解决问题的时候都是小心翼翼的。为了避免这种问题减少外部依赖,手动封装事件派发的函数。

一、是什么

我们了解到,Node采用了事件驱动机制,而EventEmitter就是Node实现事件驱动的基础
在EventEmitter的基础上,Node几乎所有的模块都继承了这个类,这些模块拥有了自己的事件,可以绑定/触发监听器,实现了异步操作
Node.js 里面的许多对象都会分发事件,比如 fs.readStream 对象会在文件被打开的时候触发一个事件
这些产生事件的对象都是 events.EventEmitter 的实例,这些对象有一个 eventEmitter.on() 函数,用于将一个或多个函数绑定到命名事件上

二、nodejs中EventEmitter使用方法

Node的events模块只提供了一个EventEmitter类,这个类实现了Node异步事件驱动架构的基本模式——观察者模式
在这种模式中,被观察者(主体)维护着一组其他对象派来(注册)的观察者,有新的对象对主体感兴趣就注册观察者,不感兴趣就取消订阅,主体有更新的话就依次通知观察者们

const EventEmitter = require('events')class MyEmitter extends EventEmitter {}const myEmitter = new MyEmitter()function callback() {    console.log('触发了event事件!')}myEmitter.on('event', callback)myEmitter.emit('event')myEmitter.removeListener('event', callback);

三、实现过程

基本代码如下所示:

//事件派发机制(function() {    var EventDispatcher = function() {        var EventDispatcherClosure = function() {        };        EventDispatcherClosure.prototype = {                        on: function(key, fn) {                //获取当前的事件对象                var curEvents = this._getCurEvents(key);                //先检查该事件是否已经注册过了                var flag = false;                for (var i = 0, len = curEvents.length; i < len; i++) {                    if (curEvents[i].name == fn.name) {                        //已经出现过了,以最新注册的函数为主                        flag = true;                        curEvents[i] = fn;                        break;                    }                }                if (!flag) {                    curEvents[curEvents.length] = fn;                }                this._reGISter(key, curEvents);            },                        dispatch: function(key) {                //获取当前的事件对象                var curEvents = this._getCurEvents(key);                var shouldDispatch = true;                for (var i = 0, len = curEvents.length; shouldDispatch && i < len; i++) {                    try {                        //获取参数                        var args = [];                        for (var j = 1, len1 = arguments.length; j < len1; j++) {                            args.push(arguments[j]);                        }                        shouldDispatch = curEvents[i].apply({}, args);                    } catch (e) {                        shouldDispatch = false;                    }                }                return shouldDispatch;            },            remove: function(key) {                if (this._getCurEvents(key)) {                    delete EventDispatcherClosure.events[key];                }            },                        _getCurEvents: function(key) {                return EventDispatcherClosure.events[key] || [];            },                        _register: function(key, events) {                EventDispatcherClosure.events[key] = events;            },        };        EventDispatcherClosure.events = {};        return {            create: function() {                return new EventDispatcherClosure();            }        };    };    window.EventDispatcher = new EventDispatcher().create();})();

首先定义一个全局变量的匿名函数,然后将全局变量挂在window上面,这样可以让我们在开发过程中的调用。在匿名函数的原型链上面添加事件分发、事件监听、事件删除等方法。

事件分发的调用

EventDispatcher.dispatch("test", obj)

事件监听

EventDispatcher.on("test", function callback(obj) {})

事件删除

EventDispatcher.on("test")

代码封装的比较简单

到此,关于“node.js怎么自定义实现一个EventEmitter”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!

--结束END--

本文标题: node.js怎么自定义实现一个EventEmitter

本文链接: https://lsjlt.com/news/298235.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • node.js怎么自定义实现一个EventEmitter
    这篇文章主要介绍“node.js怎么自定义实现一个EventEmitter”,在日常操作中,相信很多人在node.js怎么自定义实现一个EventEmitter问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”n...
    99+
    2023-06-20
  • node.js如何自定义实现一个EventEmitter
    目录前言 一、是什么 二、nodejs中EventEmitter使用方法 三、实现过程 前言 最近做了商品批发的需求,需要针对不同的商户选择对应的批发商品回显到原来的界面。由于该项...
    99+
    2024-04-02
  • node.js怎么自定义实现EventEmitter
    这篇文章主要介绍了node.js怎么自定义实现EventEmitter的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇node.js怎么自定义实现EventEmitter文章都会有所收获,下面我们一起来看看吧。一...
    99+
    2023-06-17
  • node.js自定义实现EventEmitter的方法是什么
    这篇文章主要讲解了“node.js自定义实现EventEmitter的方法是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“node.js自定义实现EventEmitter的方法是什么”吧...
    99+
    2023-07-04
  • 怎么在Android中实现一个自定义控件
    今天就跟大家聊聊有关怎么在Android中实现一个自定义控件,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。首先定义一个layout实现按钮内部布局:<xml vers...
    99+
    2023-05-31
    android
  • Android实现一个倒计时自定义控件
    目录(一)前言(二)效果展示(三)实现思路(三)代码地址总结(一)前言 Android 其实提供了一个倒计时控件叫做CountDownTimer,这个倒计时控件用起来也很简单,但是要...
    99+
    2024-04-02
  • Node.js自定义实现文件路由功能
    一、创建路由处理定义 //获取http模块 var http = require('http'); //文件 模块 var fs = require('fs'); //404文件 var e...
    99+
    2022-06-04
    自定义 文件 路由功能
  • 怎么基于Kotlin实现一个简单的TCP自定义协议
    这篇文章主要讲解了“怎么基于Kotlin实现一个简单的TCP自定义协议”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么基于Kotlin实现一个简单的TCP...
    99+
    2024-04-02
  • 怎么在Java中利用AQS实现一个自定义同步器
    这篇文章主要为大家详细介绍了怎么在Java中利用AQS实现一个自定义同步器,文中示例代码介绍的非常详细,具有一定的参考价值,发现的小伙伴们可以参考一下:Java的特点有哪些Java的特点有哪些1.Java语言作为静态面向对象编程语言的代表,...
    99+
    2023-06-06
  • WPF实现自定义一个自删除的多功能ListBox
    我需要一个ListBox,他在界面上分为几列,每列对应一系列的数据。第一行是各数据的标题,支持横向滚动,竖向只支持数据源滚动,标题不随之滚动。视觉上与ListView类似。支持等比拉...
    99+
    2022-12-28
    WPF自删除多功能ListBox WPF 删除 ListBox WPF ListBox
  • Node.js中怎么实现一个AMF
    Node.js中怎么实现一个AMF,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。首先定义服务器端的类和方法exports.sa...
    99+
    2024-04-02
  • Vue3 实现一个自定义toast 小弹窗功能
    目录前言:下面是正文:一. 前置任务:JSX和渲染函数的概念二. createVnode函数的意义三. 编写Toast组件(不使用tsx)四. Toast居中的思路五. Toast三...
    99+
    2024-04-02
  • 怎么自定义一个jQuery扩展接口
    这篇文章给大家介绍怎么自定义一个jQuery扩展接口,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。jQuery是一款很优秀的轻量级JavaScript框架,有其独特的优点。很多Web开...
    99+
    2024-04-02
  • 怎么在Android中自定义一个控件
    怎么在Android中自定义一个控件?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。代码class SleepDayChart(context: Contex...
    99+
    2023-06-14
  • 怎么写一个Vue3的自定义指令
    本篇内容主要讲解“怎么写一个Vue3的自定义指令”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么写一个Vue3的自定义指令”吧!背景众所周知,Vue.js 的核心思想是数据驱动 + 组件化,通...
    99+
    2023-06-26
  • Flutter怎么实现自定义themes
    这篇“Flutter怎么实现自定义themes”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Flutter怎么实现自定义th...
    99+
    2023-07-05
  • 怎么在Android中通过自定义View实现一个扫描效果
    这篇文章给大家介绍怎么在Android中通过自定义View实现一个扫描效果,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。自定义属性:<declare-styleable name="ScanV...
    99+
    2023-06-14
  • 怎么在Android中通过自定义View实现一个抽屉效果
    怎么在Android中通过自定义View实现一个抽屉效果?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。Android 自定义View实现抽屉效果说明这个自定义V...
    99+
    2023-05-31
    android view roi
  • 在Android开发中怎么实现一个自定义输入法功能
    在Android开发中怎么实现一个自定义输入法功能?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。前面两个输入框使用了自定义的输入法:第三个输入框没有进行任何设置...
    99+
    2023-05-31
    android roi
  • Android如何实现一个倒计时自定义控件
    这篇“Android如何实现一个倒计时自定义控件”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Android如何实现一个倒计...
    99+
    2023-06-29
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作