class Subscribe {
            constructor() {
                // 事件中心
                this.task = {};
            }
      }

        // type 行為
            trigger(type) {
                // 判斷當(dāng)前的行為是否真的訂閱過
                if (!(type in this.task)) return;
                // 行為訂閱過直接進(jìn)行執(zhí)行該行為上的方法
                this.task[type].map(callbak => callbak())
            }

            // type 行為
            // callback 函數(shù)
            del(type, callback) {
                // 判斷當(dāng)前的行為是否真的訂閱過
                if (!(type in this.task)) return;
                // 過濾出當(dāng)前想要刪除的函數(shù)
                 this.task[type].filter(val => val != callback);
            }

          // type 是行為
            // callback 是行為發(fā)生時(shí)候觸發(fā)的函數(shù)
            add(type, callback) {
                // 判斷type這個(gè)行為是否已經(jīng)被注冊過了，沒有則注冊
                if (!(type in this.task)) {
                    // 沒有注冊過給一個(gè)空數(shù)組
                    this.task[type] = [];
                };
                //往該行為的任務(wù)隊(duì)列添加方法
                this.task[type].push(callback)
            }

        // 創(chuàng)建訂閱者實(shí)例
        const per = new Subscribe();
        // 給訂閱者實(shí)例添加行為和出現(xiàn)行為時(shí)觸發(fā)的方法
        per.add('click', handA)
        per.add('click', handB)
        per.add('click', handC)
        // 根據(jù)行為進(jìn)行觸發(fā)方法
        per.trigger('click')
        // 根據(jù)行為和方法進(jìn)行刪除
        per.del('click', handC)
        // 方法
        function handA() {
            console.log('clickA');
        }
        // 方法
        function handB() {
            console.log('clickB');
        }
        // 方法
        function handC() {
            console.log('clickC');
        }