msgm 是一个拥抱类型安全的发布订阅模式库 并且可以控制优先级
npm
npm install msgm
yarn
yarn add msgm
pnpm
pnpm add msgm
// 导入 msgm 库 TypeMap1类型配置项
// 建议自己新建一个配置文件
import { Msgm, TypeMap1} from "msgm";
// 创建一个 msgm 实例 <配置类型接口>
const msg = new Msgm<TypeMap1>();
// 编写一个回调函数
const onEvent = (data) => {
console.log(`onEvent: ${data}`);
};
// 注册
msg.on("event", onEvent);
// 注销
msg.off("event", onEvent);
// 发射
msg.emit("event", "hello msgm");
// 如果需要,注册消息可以返回消息唯一标识
const id = msg.on("event", onEvent);
// 可以通过唯一标识来注销消息
msg.off("event", id);
// 如果需要,可以设置消息优先级,值越大,优先级越高
msg.on("hello", () => console.log("hello 1"), 1);
msg.on("hello", () => console.log("hello 2"), 2);
msg.on("hello", () => console.log("hello 3"), 3);
msg.emit("hello");
// 这里打印结果为 hello 3 hello 2 hello 1
/**
* 类型配置-测试
* 建议自己新建一个配置文件
*/
export interface TypeMap1 {
["event"]: string;
["hello"]: string;
}
export enum EType {
Create = "Create",
Destroy = "Destroy",
}
export interface TypeMap2 {
[EType.Create]: { name: string, age: number };
[EType.Destroy]: { name: string };
}
/**
* --------------------
*/