js实现自定义事件管理器

事件管理器实现

const events={}
class Event {
   constructor(){
      this.events={}
   }
   on(eventName,callBack){
     if(this.events[eventName])
     {
        this.events[eventName].push(callBack)
     } else {
        this.events[eventName]=[callBack]
     }
   }
   emit(eventName,params){
     if( this.events[eventName]){
         this.events[eventName].map((callBack)=>{
              callBack(params)
         })
     }
   }
}
export default Event;

事件管理器监听触发

import Event from "./event"
let myEvent=new Event();
// 监听changeCata事件
myEvent.on("changeCata",()=>{
   // 监听事件回调
})
// 触发changeCata事件
myEvent.emit("changeCata")