白话讲讲EventEmitter的实现

最新推荐文章于 2024-04-29 09:01:06 发布
最新推荐文章于 2024-04-29 09:01:06 发布
阅读量300 收藏 2
点赞数
分类专栏： nodejs js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45511236/article/details/116213070
版权
js 同时被 2 个专栏收录
15 篇文章 0 订阅
订阅专栏
nodejs
3 篇文章 0 订阅
订阅专栏

白话讲讲EventEmitter的实现

首先我们要知道什么是EventEmitter？

简单来说就是对事件触发与事件监听器功能的封装。

EventEmitter有什么API是需要我们去实现的

  • on 对事件进行监听
  • emit进行触发
  • once是指只监听一次
  • alloff是关掉所有消息队列中的监听
  • off关掉相应的监听事件

怎么实现

在这里插入图片描述

构造函数

首先定义一个存放消息队列的对象，每个消息队列都有一个名字eventname，这个消息队列可以承载多个事件对象

每个事件对象有两个属性：listener(存放回调函数，也就是你要监听的事件)，once(这个参数是为了只进行一次监听而设立的参数)

在这里插入图片描述

on监听函数

  1. 首先先判断有没有这个消息队列，没有的话创建一个新的消息队列，有的话进行for查找

  2. 判断传进来的参数
    在这里插入图片描述

once函数

监听事件的once属性是true

在这里插入图片描述

emit函数

  1. 找到监听的事件进行触发

  2. 这里需要注意的是当你找到你的监听事件，判断一下once属性，true进行撤掉当前监听事件
    在这里插入图片描述

off函数

  1. 找到监听事件在对应消息队列的下标，方便进行切割

在这里插入图片描述

alloff函数

  1. 直接判断有没有这个消息队列
  2. 清空消息队列或者清空对象

在这里插入图片描述

封装工具函数

搜索函数

在这里插入图片描述

判断类型函数

在这里插入图片描述
个人代码仓库
参考

美式因子
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
python事件Event
ambition_star的博客
08-01 821
python事件Event BackgrounpBoking类实现中运用到了Event。 Event 用法： event=threading.Event() #设置一个事件实例 event.set() #设置标志位 event.clear() #清空标志位 event.wait() #等待设置标志位 event.isSet() #判断标志位是否清空 # -*-coding:utf-8-*- # Time : 2021/07/08 20:37 # File Name : Event.py from t
SimpleEventEmitter:Java的简单EventEmitter实现
05-10
SimpleEventEmitter 简单EventEmitter实现类似 。用法enum Status { CONNECTED , DISCONNECTED}SimpleEventEmitter< Status> emitter = new SimpleEventEmitter<> ( Status . class);emitter . on( Status . ...
eventEmitter简单实现
何以为皇的博客
11-13 5745
由于前不久做某厂的前端笔试题，遇到这道题没能实现出来，于是在此进行总结记录。 EventEmitter是Node.js中提供的一个监听器类，类似于前端vue中的eventBus事件总线。 其原理主要是发布订阅者模式。 用订阅杂志进行类比，所有的杂志就是一个大对象： events: {} 意林是其中一款杂志，那么意林就是events对象中的一个属性，值为数组（因为订阅意林杂志的人可以不止一个）: events: {'意林': []} 当我订阅意林，那么我就应该收入倒意林数组中，让意林知道我订阅了.
【前端面试题】实现一个EventEmitter
于离别之朝束起约定之花的博客
09-14 731
EventEmitter类似于Vue中的事件总线。接下来以Vue事件总线的方式进行解释，方便理解。函数接收2个参数，第一个参数是事件名称，第二个参数的执行的回调函数。函数接收2个参数，第一个参数是事件名称，第二个参数是要传递的参数。函数接收2个参数，第一个参数是事件名称，第二个参数的执行的回调。函数接收2个参数，第一个参数是事件名称，第二参数是要卸载的函数。首先，我们使用Class搭建起这个函数（普通函数也可以）函数监听到就会执行相应的回调函数。函数有了，接下来实现派发事件的。
面试官：说说Node中的EventEmitter? 如何实现一个EventEmitter?
最新发布
abc8002117034的博客
04-29 559
在这种模式中，被观察者(主体)维护着一组其他对象派来(注册)的观察者，有新的对象对主体感兴趣就注册观察者，不感兴趣就取消订阅，主体有更新的话就依次通知观察者们。在EventEmitter的基础上，Node几乎所有的模块都继承了这个类，这些模块拥有了自己的事件，可以绑定／触发监听器，实现了异步操作。通过实例对象的on方法注册一个名为event的事件，通过emit方法触发该事件，而removeListener用于取消事件的监听。紧接着就是实现事件监听的方法removeListener/on。
node总结之EventEmitter这个鬼了解下
u010227042的博客
02-24 856
Node.js 所有的异步 I/O 操作在完成时都会发送一个事件到事件队列，它里面的许多对象都会分发事件：一个 net.Server 对象会在每次有新连接时触发一个事件， 一个 fs.readStream 对象会在文件被打开的时候触发一个事件。 所有这些产生事件的对象都是 events.EventEmitter 的实例。 其中这个EventEmitter类呢，是node中事件的基础， 实现了事件模型需要的接口， 包括addListener，removeListener, emit及其ta工具方法. 同原生
详解利用eventemitter2实现Vue组件通信
10-16
这时，我们可以借助外部库如eventemitter2来实现组件间通信。EventEmitter2是一个强大的事件发射器，它扩展了Node.js的EventEmitter，提供了更多的功能和灵活性。 首先，我们需要安装eventemitter2库。在项目目录下...
EventEmitter：浏览器的事件JavaScript
02-03
这实际上是EventEmitter的第四次完全重写，我的目标是使其比以往更快，更轻便。 它还具有一个重新映射的API，它的意义更大。 由于这些方法现在具有更多的描述性名称，因此将EventEmitter扩展到其他类中会更友好。 ...
理解 JavaScript EventEmitter
10-18
本文是笔者看了eventemitter3 和 Node.js 事件模块源码后实现的 EventEmitter 。JavaScript 事件很重要，希望看了这篇文章的你们能有所收获
手动实现一个eventEmitter
weixin_30591551的博客
01-31 279
观察者模式在前端开发中非常常用，我们经常用的事件就是观察者模式的一种体现。它对我们解耦模块、开发基于消息的业务起着非常重要的作用。Node.js 原生自带EventEmitter模块，可见它的重要性。 作为在工作中经常遇到和面试的经典题目当然要琢磨透彻，下面一步步手动写一个eventEmitter 首先，我们要知道EE的api是什么样的 node的Event...
简单实现一个EventEmitter
oZhangBi的博客
01-24 3457
scriptoj 看到的题目 下面是我的实现，暂时只能这样了，具体可看https://scriptoj.com/problems/36，方法很多 1、函数式编程（es6） class EventEmitter { constructor() { this.events = {}; } on(eventName, fn) { let fnList = this.events[...
javascript简单实现 EventEmitter
bdss58的专栏
05-21 5721
本文参考http://www.datchley.name/es6-eventemitter/ 先说说观察者模式吧。因为EventEmitter基于观察者模式。观察者模式EventEmitter实现一个EventEmitter类，作为被观察的对象：class EventEmitter { constructor() { this.listeners = new Map(); }
EventEmitter观察者模式的简单实现
weixin_40283474的博客
01-21 682
class EventEmitter { constructor() { this.list = []; } on(name, func) { this.list.push({ "name": name, "func": func }); } emit(name, ...params) { for (let i in this.list) {
小记 events.EventEmitter.call
了缺的专栏
07-11 1048
events.EventEmitter.call(this); 初始化父类的功能， 跟 super()是一个意思.不想看废话的就不用往下看了 var events = require('events'); var util = require('util'); var a = function () { events.EventEmitter.call(this); }; util.inh...
Python之Event事件（简单教程）
热门推荐
如有侵权，请联系作者删除
10-30 1万+
摘要： 同进程的一样,线程的一个关键特性是每个线程都是独立运行且状态不可预测。如果程序中的其 他线程需要通过判断某个线程的状态来确定自己下一步的操作,这时线程同步问题就会变得非常棘手。为了解决这些问题,我们需要使用threading库中的Event对象。 对象包含一个可由线程设置的信号标志,它允许线程等待某些事件的发生。在 初始情况下,Event对象中的信号标志被设置为假。如果有线程等待一个Event对象, 而这个Event对象的标志为假,那么这个线程将会被一直阻塞直至该标志为真。一个线程如果将一个Even
EventEmitter
大灰狼的小绵羊哥哥的博客
07-07 914
实现一个EventEmitter类 class EventEmitter { constructor() { this._events = {} } on(eventName,callback) { let callbacks = eventName in this._events ? this._...
Node.js EventEmitter 事件监听
沈纵情
04-28 1732
//event.js var EventEmitter = require('events').EventEmitter; var event = new EventEmitter(); event.on('some_event', function() { console.log('some_event occured.'); }); setTimeout(function(
js 实现 eventemitter
02-10
EventEmitter 是 Node.js 中一个核心模块，用于实现自定义事件。可以通过以下代码实现： ``` const EventEmitter = require('events'); class MyEmitter extends EventEmitter {} const myEmitter = new ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值