事件总线实现 - Bus 类

概述

Bus 类提供了一个轻量级且灵活的事件总线实现，适用于需要在不同组件或模块之间进行收发事件、通信的场景，而无需直接引用彼此。通过使用事件总线，可以提高代码的可维护性和可扩展性，同时保持良好的代码组织结构。

创建事件总线实例

首先，你需要创建一个 Bus 类的实例, 并且保持单例模式：

import { Bus } from 'cat-tool';
const eventBus = new Bus();

注册事件监听器

使用 addEventListener 方法注册事件监听器。你可以选择性地提供一个唯一的 fnKey 来标识监听器，以便稍后移除它：

eventBus.addEventListener('myEvent', (data) => {
  console.log('Event triggered with data:', data);
});

// 或者使用自定义 key
eventBus.addEventListener(
  'myEvent',
  (data) => console.log('event:', data),
  'fnkey',
);

触发事件

使用 emit 方法触发事件，并传递数据给监听器：

eventBus.emit('myEvent', { message: 'Hello World!' });

移除事件监听器

使用 removeEventListener 方法移除特定的事件监听器，需要提供事件名称和监听器的 fnKey：

eventBus.removeEventListener('myEvent', 'customListenerKey');

移除所有事件监听器

使用 removeAllEventListener 方法移除特定事件的所有监听器：

eventBus.removeAllEventListener('myEvent');

示例

下面是一个完整的示例，展示了如何使用 Bus 类：

// eventBus.js
import { Bus } from 'cat-tool';
export const eventBus = new Bus();

import { eventBus } from './eventBus.js';
// A模块 监听注册时间
eventBus.addEventListener('myEvent', (data) => {});

import { eventBus } from './eventBus.js';
// B模块 触发事件
eventBus.emit('myEvent', { message: 'Hello World!' });