手写发布订阅者模式

interfaceI{events:Map<string,{callback:Function;once:boolean}[]>on:(event:string,callback:any,once?:boolean)=>voidemit:(event:string,...args:any[])=>voidoff:(event:string,callback?:any)=>voidonce:(event:string,callback:Function)=>void}classEmitterimplementsI{events:Map<string,{callback:Function;once:boolean}[]>constructor(){this.events=newMap()}/** * 订阅事件 * @param event 事件名 * @param callback 回调函数 * @param once 是否只执行一次 */on(event:string,callback:Function,once?:boolean){if(this.events.has(event)){this.events.get(event)!.push({callback,once})}else{this.events.set(event,[{callback,once}])}}/** * 发布事件 * @param event 事件名 * @param args 事件参数 */emit(event:string,...args:any[]){if(this.events.has(event)){constcallbacks=this.events.get(event)callbacks.forEach((callback)=>{callback.callback(...args)if(callback.once){this.off(event,callback.callback)}})}}off(event:string,callback?:any){if(this.events.has(event)){if(callback){constcallbacks=this.events.get(event)this.events.set(event,callbacks.filter((item)=>item.callback!==callback))}else{this.events.delete(event)}}}once(event:string,callback:Function){this.on(event,callback,true)}}constemit=newEmitter()functionfn(el:number,isTrue:boolean){console.log('fn',el,isTrue)}// emit.on('test', fn)// emit.on('test', (el: number, isTrue: boolean) => {// console.log('el:', el, isTrue)// })// emit.on('test', (el: number, isTrue: boolean) => {// console.log('el:', el, isTrue)// })// emit.on('test', (el: boolean, isTrue: boolean) => {// console.log('el:', el, isTrue)// })// emit.once('test', fn)// emit.once('test', (el) => {// console.log('el:', el)// })// emit.off('test', fn)// emit.emit('test', 11, true)// emit.emit('test', 11, true)// emit.emit('test', 11, true)// emit.emit('test', 11, true)// emit.emit('test', 11, true)// emit.emit('test', 11, true)// emit.emit('test', 11, true)// function fn(el) {// console.log('el:', el)// }