【设计模式】发布订阅模式和观察者模式实现和区别

我总感觉这两个是一个东西,老是傻傻分不清楚,在写 vue 项目中的时候我们常用的还是发布订阅模式,比如使用事件总线 eventBus 就是发布订阅模式

发布-订阅模式(Pub-Sub Pattern)和观察者模式(Observer Pattern)是两种常见的软件设计模式,它们都涉及到对象间的通信和事件处理,但在实现方式和应用场景上有一些区别:

  1. 观察者模式

    • 在观察者模式中,有一个主题(Subject)和多个观察者(Observer)。主题维护着一个观察者列表,并提供方法用于注册和注销观察者,当主题状态发生变化时,它会通知所有的观察者。
    • 观察者模式通常是一对多的关系,一个主题可以有多个观察者,当主题状态改变时,所有观察者都会收到通知,并且采取相应的行动【调用观察者的update 方法】。
    • 直接的、点对点的通信,主题与观察者之间有直接的关联。
    • 手写一个观察者模式
  2. 发布-订阅模式

    • 在发布-订阅模式中,有一个发布者【emit】(Publisher)和多个订阅者【on】(Subscriber)。发布者和订阅者之间没有直接的联系,而是通过一个事件通道(Event Channel)进行通信。
    • 发布者将事件发布到事件通道中,订阅者可以通过订阅感兴趣的事件来接收通知。订阅者可以订阅多个不同的事件,并且可以随时取消订阅。
    • 手写一个发布订阅
相关推荐
szm022543 分钟前
设计模式-
设计模式
砍光二叉树1 小时前
【设计模式】创建型-抽象工厂模式
设计模式·抽象工厂模式
砍光二叉树2 小时前
【设计模式】创建型-工厂方法模式
设计模式·工厂方法模式
我爱学习_zwj3 小时前
设计模式-2(单例模式与原型模式)
前端·javascript·设计模式
砍光二叉树3 小时前
【设计模式】创建型-单例模式
单例模式·设计模式
我爱学习_zwj3 小时前
设计模式-3(装饰器模式)
前端·设计模式·装饰器模式
文心快码BaiduComate18 小时前
Comate内置模型已支持 MiniMax-M2.7!
设计模式·程序员·前端框架
console.log('npc')20 小时前
Cursor,Trae,Claude Code如何协作生产出一套前后台app?
前端·人工智能·react.js·设计模式·ai·langchain·ai编程
czxyvX1 天前
C++ - 基于多设计模式下的同步&异步日志系统
c++·设计模式
蒸蒸yyyyzwd1 天前
设计模式之美学习笔记
笔记·学习·设计模式