沒有做任何異常處理,簡單模擬實現

• 事件對象的每一個事件都對應一個數組

/*__events = {"事件1":[cb1,cb2],"事件2":[cb3,cb4],"事件3":[...],"事件4":[...],};*/class E{__events = {};constructor(){}//注冊監聽回調on(type , callback){//已經有對應事件回調則加入數組if(this.__events[type]){this.__events[type].push(callback);return true;}else{//沒有則放入新數組this.__events[type] = [callback];return false;}}// 觸發事件emit(type, ...args){if(this.__events[type] && this.__events[type].length){this.__events[type].forEach(cb => {cb.call(this,args);});}}//取消事件對應回調off(type, callback){if(this.__events[type] && this.__events[type].length){this.__events[type] = this.__events[type].filter((cb)=>{return cb !== callback && cb.ref !== callback;})return true;}return false;}//注冊一次once(type, callback){let once_func = function(...args){callback.call(this,...args);this.off(type,once_func);}//用于取消 off()once_func.ref = callback;this.on(type,once_func);}
}let obj = new E();function cb (data) { console.log(data);}
obj.on("f1",cb);
obj.off("f1",cb);
obj.emit("f1", 1,2,3,4,5);