观察者模式实现

关注

翻译最新推荐文章于 2026-03-06 00:17:08 发布 172 阅读 AI 写同款· GEO 优化 ›

Qt 中实现观察者模式（Observer Pattern）实现步骤如下：#### **2.1 定义被观察者（Subject）**被观察者类需要继承。| 略低（信号槽有额外开销） | 高（直接调用） |—###—通过信号与槽机制，Qt 提供了一种简洁、安全且高效的方式实现观察者模式，适用于绝大多数需要解耦和事件通知的场景。#### **2.2 定义观察者（Observer）**观察者类需要包含一个槽函数（Slot），用于响应信号。： - 被观察者和观察者无需知道彼此的具体实现，仅通过信号与槽交互。阅读详情

/**
 * 发布订阅模式(观察者模式)
 * handles: 事件处理函数集合
 * on: 订阅事件
 * emit: 发布事件
 * off: 删除事件
**/

class PubSub {
  constructor() {
    this.handles = {};
  }

  // 订阅事件
  on(eventType, handle) {
    if (!this.handles.hasOwnProperty(eventType)) {
      this.handles[eventType] = [];
    }
    if (typeof handle == 'function') {
      this.handles[eventType].push(handle);
    } else {
      throw new Error('缺少回调函数');
    }
    return this;
  }

  // 发布事件
  emit(eventType, ...args) {
    if (this.handles.hasOwnProperty(eventType)) {
      this.handles[eventType].forEach((item, key, arr) => {
        item.apply(null, args);
      })
    } else {
      throw new Error(`"${eventType}"事件未注册`);
    }
    return this;
  }

  // 删除事件
  off(eventType, handle) {
    if (!this.handles.hasOwnProperty(eventType)) {
      throw new Error(`"${eventType}"事件未注册`);
    } else if (typeof handle != 'function') {
      throw new Error('缺少回调函数');
    } else {
      this.handles[eventType].forEach((item, key, arr) => {
        if (item == handle) {
          arr.splice(key, 1);
        }
      })
    }
    return this; // 实现链式操作
  }
}

理解：将订阅者订阅事件的回调函数存储在handles中，发布事件时执行对应的回调函数。

收录于