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

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

// 重点：一个主题，多个观察者
// 定义观察者, 维护一个观察者列表
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')