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

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

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐