javascript 实现订阅发布模式

class EventEmitter {
    constructor() {
        // 定义存放事件订阅的存储变量
        this.listeners = {};
    }

    on(type, cb) {
        let cbs = this.listeners[type];
        if (!cbs) {  // 判断是否已经有订阅
            cbs = [];
        }
        // 订阅一则事件
        cbs.push(cb);
        this.listeners[type] = cbs;
        return this;
    }

    emit(type, ...args) {
        const cbs = this.listeners[type];
        if (Array.isArray(cbs)) {
            for (let i = 0; i < cbs.length; i++) {
                const cb = cbs[i];
                if (typeof cb === 'function') {
                    // 触发一则事件
                    cb(...args);
                }
            }
        }
        return this;
    }

    off(type, cb) {
        if (cb) {  // 如果有回调，则取消订阅该回调
            let cbs = this.listeners[type];
            cbs = cbs.filter(eMap => eMap.cb !== cb);
            this.listeners[type] = cbs;
        } else {  // 否则取消订阅整个事件
            this.listeners[type] = null;
            delete this.listeners[type];
        }
        return this;
    }
}

export default new EventEmitter();