【设计模式】手写一个观察者模式

我有一棵树

于 2024-02-27 15:22:24 发布

阅读量416

点赞数 10

文章标签：设计模式观察者模式

本文链接：https://blog.csdn.net/qq_17335549/article/details/136323615

版权

本文介绍了观察者模式，通过创建一个主题类和多个观察者类，当主题状态变化时，自动通知所有观察者更新。以JavaScript为例，展示了如何定义和使用观察者与主题对象以及它们之间的交互过程。

摘要由CSDN通过智能技术生成

观察者模式，就是一个主题，有多个观察者，主题发生变化的时候需要通知所有观察者

// 重点：一个主题，多个观察者
// 定义观察者, 维护一个观察者列表
class Observer {
    constructor() {
        this.observers = []
    }
    // 添加观察者
    addObserver(observer) {
        this.observers.push(observer)
    }
    // 通知所有观察者
    notifyAll(data) {
        this.observers.forEach(observer => {
            observer.update(data)
        })
    }
}

// 定义观察者对象，具体的观察者，一定要有一个更新函数
class ConcreteObserver {
    // 观察者的更新方法
    update(data) {
        console.log('接收到更新', data)
    }
}
// 可以有多个观察者
const observer1 = new ConcreteObserver()
const observer2 = new ConcreteObserver()
// 实例化一个主题
const subject = new Observer()
// 添加观察者
subject.addObserver(observer1)
subject.addObserver(observer2)
// 主题发生变化，通知所有观察者
subject.notifyAll('hello word')