JavaScript设计模式发布订阅模式

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

        // type 行为
            trigger(type) {
                // 判断当前的行为是否真的订阅过
                if (!(type in this.task)) return;
                // 行为订阅过直接进行执行该行为上的方法
                this.task[type].map(callbak => callbak())
            }

            // type 行为
            // callback 函数
            del(type, callback) {
                // 判断当前的行为是否真的订阅过
                if (!(type in this.task)) return;
                // 过滤出当前想要删除的函数
                 this.task[type].filter(val => val != callback);
            }

          // type 是行为
            // callback 是行为发生时候触发的函数
            add(type, callback) {
                // 判断type这个行为是否已经被注册过了，没有则注册
                if (!(type in this.task)) {
                    // 没有注册过给一个空数组
                    this.task[type] = [];
                };
                //往该行为的任务队列添加方法
                this.task[type].push(callback)
            }

        // 创建订阅者实例
        const per = new Subscribe();
        // 给订阅者实例添加行为和出现行为时触发的方法
        per.add('click', handA)
        per.add('click', handB)
        per.add('click', handC)
        // 根据行为进行触发方法
        per.trigger('click')
        // 根据行为和方法进行删除
        per.del('click', handC)
        // 方法
        function handA() {
            console.log('clickA');
        }
        // 方法
        function handB() {
            console.log('clickB');
        }
        // 方法
        function handC() {
            console.log('clickC');
        }