事件总线-(EventBus)
1 class EventBus{ 2 constructor(){ 3 this.eventBus={} 4 } 5 on(eventName,eventCallback,thisArg){ 6 let handlers=this.eventBus[eventName] 7 if(!handlers){ 8 handlers=[] 9 this.eventBus[eventName]=handlers 10 } 11 handlers.push({ 12 eventCallback, 13 thisArg 14 }) 15 } 16 off(eventName,eventCallback){ 17 const handlers=this.eventBus[eventName] 18 if(!handlers)return 19 const newHandlers=[...handlers] 20 for(let i=0;i<newHandlers.length;i++){ 21 const handler=newHandlers[i] 22 if(handler.eventCallback===eventCallback){ 23 const index=handlers.indexOf(handler) 24 handlers.splice(index,1) 25 } 26 } 27 } 28 emit(eventName,...payload){ 29 const handlers=this.eventBus[eventName] 30 if(!handlers)return 31 handlers.forEach(handler => { 32 handler.eventCallback.apply(handler.thisArg,payload) 33 }); 34 } 35 } 36 const eventBus=new EventBus() 37 38 //main.js 39 eventBus.on('abc',function(){ 40 console.log('watch abc1',this) 41 },{name:'koo'}) 42 const handleCallback=function(){ 43 console.log('watch abc2',this) 44 } 45 eventBus.on('abc',handleCallback,{name:'koo'}) 46 47 //utils.js 48 eventBus.emit('abc',123) 49 50 //移除监听 51 eventBus.off('abc',handleCallback) 52 eventBus.emit('abc',123)
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 我与微信审核的“相爱相杀”看个人小程序副业
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· spring官宣接入deepseek,真的太香了~