观察者模式

• 观察者模式指的是函数自动观察数据对象，一旦对象有变化，函数就会自动执行。而 js 中最常见的观察者模式就是事件触发机制

    class eventObs {
      // 要有一个对象，存储着它自己的触发函数。而且这个对象的触发函数可能有很多种
      // 那么 handler 的属性应该是一个数组，每个数组的值都是一个函数。type1:[func1,func2...]
      constructor() {
        this.handleFunc = {};
      }

      // 添加事件监听
      add(type, func) {
        if (this.handleFunc[type]) {
          // 当存在type时，判断是否存在当前触发函数
          if (this.handleFunc[type].indexOf(func) === -1) {
            this.handleFunc[type].push(func);
          }
        } else {
          // 当不存在当前类型
          this.handleFunc[type] = [func];
        }
      }

      // 触发事件监听
      fire(type, func) {
        try {
          if (arguments.length === 1) {
            // 没有输入触发函数，默认触发所有函数
            let target = this.handleFunc[type];
            let length = target.length;
            for (let i = 0; i < length; i++) {
              target[i]();
            }
          } else {
            // 当输入func参数代表只触发func函数
            let target = this.handleFunc[type];
            let index = target.indexOf(func);
            // 当不存在该触发函数时报错
            if (index === -1) {
              throw error;
            }
            func();
          }
          return true;
        } catch (e) {
          console.error("请触发存在的函数！");
          return false;
        }
      }

      // 移除事件监听
      remove(type, func) {
        try {
          let target = this.handleFunc[type];
          let index = target.indexOf(func);
          if (index === -1) {
            throw error;
          }
          target.splice(index, 1);
        } catch (e) {
          console.error("请删除存在的函数！");
        }
      }

      // 触发事件监听后移除
      once(type, func) {
        this.fire(type, func) ? this.remove(type, func) : null;
      }
    }