观察者模式和发布订阅模式有什么区别？

观察者模式：目标直接通知观察者
  Subject（自己保存观察者列表）
     │ 状态变化时遍历列表，直接调用
     ├──> observerA.update(state)
     └──> observerB.update(state)

发布订阅模式：通过事件中心转发
  发布者 ── publish('order:paid', data) ──> 事件中心（事件名 → 回调列表）
                                               │ 按事件名找到订阅者
                                               ├──> 积分模块的回调
                                               └──> 通知模块的回调
  发布者和订阅者互不知道对方，只约定事件名和数据格式

// 观察者模式：目标自己维护观察者列表
class Subject {
  #observers = new Set()

  attach(observer) {
    this.#observers.add(observer)
  }
  detach(observer) {
    this.#observers.delete(observer)
  }
  setState(state) {
    this.#observers.forEach((observer) => observer.update(state))
  }
}

const cart = new Subject()
cart.attach({ update: (state) => console.log('购物车角标：', state.count) })
cart.setState({ count: 3 }) // 购物车角标： 3

// 发布订阅模式：发布者和订阅者只认识事件中心
function createEventBus() {
  const topics = new Map() // 事件名 -> 回调集合
  return {
    subscribe(topic, handler) {
      if (!topics.has(topic)) topics.set(topic, new Set())
      topics.get(topic).add(handler)
      return () => topics.get(topic)?.delete(handler) // 返回取消订阅的函数
    },
    publish(topic, payload) {
      topics.get(topic)?.forEach((handler) => handler(payload))
    },
  }
}

const bus = createEventBus()
// 积分模块和通知模块各自订阅，订单模块不知道它们的存在
bus.subscribe('order:paid', (order) => console.log('增加积分', order.amount))
const unsubscribe = bus.subscribe('order:paid', (order) => console.log('发送通知', order.id))
// 订单模块只负责发布
bus.publish('order:paid', { id: 'A001', amount: 99 })
unsubscribe()