摘要：事件棧獲取事件對應棧的索引事件類型對應棧的索引不存在為已有事件類型處理棧監(jiān)聽事件自定義事件類型事件處理函數(shù)已存在事件類型處理直接把相應的處理函數(shù)入棧不存在事件，把對應的事件處理入棧觸發(fā)對應的事件自定義事件類型參數(shù)對象執(zhí)行對應的事件自定義

export default class {
    // 事件棧
    eventStacks = [{
        eventType: "",
        handlers: []
    }];
    /**
     * 獲取事件對應棧的索引
     *
     * @param {string} eventType 事件類型
     * @return {number} stackIndex 對應棧的索引 不存在為-1
     */
    indexOf(eventType) {
        const eventStacks = this.eventStacks;
        // 已有事件類型處理棧
        let stackIndex = -1;
        for (let i = 0; i < eventStacks.length; i++) {
            const eventStack = eventStacks[i];
            if (eventStack.eventType === eventType) {
                stackIndex = i;
                break;
            }
        }
        return stackIndex;
    };
    /**
     * 監(jiān)聽事件
     *
     * @param {string} eventType 自定義事件類型
     * @param {Function} handler 事件處理函數(shù)
     */
    on(eventType, handler) {
        const index = this.indexOf(eventType);
        if (index >= 0) {
            // 已存在事件類型處理 直接把相應的處理函數(shù)入棧
            this.eventStacks[index].handlers.push(handler);
        }
        else {
            // 不存在事件，把對應的事件處理入棧
            const newEventStack = {
                eventType,
                handlers: [handler]
            };
            this.eventStacks.push(newEventStack);
        }
    };
    /**
     * 觸發(fā)對應的事件
     *
     * @param {string} eventType 自定義事件類型
     * @param {Object} params 參數(shù)對象
     */
    emit(eventType, params = {}) {
        this.execEvent(eventType, params);
    };
    /**
     * 執(zhí)行對應的事件
     *
     * @param {string} eventType 自定義事件類型
     * @param {Object} params 參數(shù)對象
     */
    execEvent(eventType, params = {}) {
        const index = this.indexOf(eventType);
        if (index < 0) {
            return;
        }
        const handlers = this.eventStacks[index].handlers;
        for (let i = 0; i < handlers.length; i++) {
            const currentHandler = handlers[i];
            if (currentHandler && typeof currentHandler === "function") {
                currentHandler(params);
            }
        }
    };
    /**
     * 解除對應的事件
     *
     * @param {string} eventType 事件類型
     * @param {Function} handler 事件處理器 必須是引用傳進來 使用對象引用相等判斷
     */
    offHandler(eventType, handler) {
        const index = this.indexOf(eventType);
        if (index >= 0 && this.eventStacks[index].handlers.length) {
            // 存在，并且已經入棧
            const handlers = this.eventStacks[index].handlers;
            this.eventStacks[index].handlers = handlers.filter(currentHandler => {
                return currentHandler !== handler
            });
        }
    }
}