// 订阅发布模式
type BusClass = {
emit: (name: string) => void;
on: (name: string, callback: Function) => void;
off: (name: string) => void;
once: (name: string, callback: Function) => void;
};
type PramsKey = string | number | symbol;
type List = {
[key: PramsKey]: Array<Function>;
};
class Bus implements BusClass {
list: List;
constructor() {
this.list = {};
}
// 订阅
emit(name: string, ...args: Array<any>) {
if (name in this.list) {
let eventName: Array<Function> = this.list[name];
eventName.forEach((fn) => {
fn.apply(this, args);
});
} else {
console.error(`不存在${name}`)
}
}
// 发布
on(name: string, callback: Function) {
let fn: Array<Function> = this.list[name] || [];
fn.push(callback);
this.list[name] = fn;
}
// 取消订阅
off(name: string) {
if (name in this.list) {
delete this.list[name];
} else {
throw `${name} is undefined`;
}
}
// 只调用一次
once(name: string, callback: Function) {
let temporaryFn = (...args: Array<any>) => {
callback.apply(this, args)
this.off(name)
}
this.on(name, temporaryFn)
}
}
let bus = new Bus();
bus.on('get1', (...args: Array<any>): void => {
console.log(args, "get11111111111111111111111111111")
})
bus.on('post', (...args: Array<any>): void => {
console.log(args, "post")
})
bus.emit('get1', 1, 2, 3, 4, 5, 6, 7, 8, 9, [1, 2, 3, 4, 5])
bus.emit('post', 1, [1, 2, 3, 4, 5], { a: 1, b: [10] })
bus.off('post')
bus.off('post22222')
bus.emit('post', 1, 22222, { c: 1, b: [10] })