理解 javascript 观察者模式
观察者模式是一种设计模式，它允许对象（称为观察者）订阅其他对象（称为主题）的事件并在此事件发生时接收通知。在 JavaScript 中，观察者模式可以用来创建可扩展且松散耦合的应用程序。
观察者的实现
在 JavaScript 中，观察者通常通过实现以下接口来实现：
interface Observer {
update(subject);
}update 方法会在主题发生变化时被调用，观察者可以通过该方法获取更新后的数据或执行其他操作。
主题的实现
主题同样通过实现一个接口来实现：
interface Subject {
addObserver(observer);
removeObserver(observer);
notifyObservers();
}addObserver 方法用于向主题添加观察者，removeObserver 方法用于移除观察者，notifyObservers 方法用于通知所有已注册的观察者。
使用观察者模式
要使用观察者模式，请按照以下步骤操作：
- 创建一个主题和一个或多个观察者。
- 通过调用
addObserver将观察者添加到主题。 - 当主题发生变化时，调用
notifyObservers以通知所有已注册的观察者。 - 观察者在收到通知后可以使用
update方法获取更新后的数据或执行其他操作。
示例
以下代码示例演示了如何在 JavaScript 中使用观察者模式：
class Subject {
constructor() {
this.observers = [];
}
addObserver(observer) {
this.observers.push(observer);
}
removeObserver(observer) {
const index = this.observers.indexOf(observer);
if (index > -1) {
this.observers.splice(index, 1);
}
}
notifyObservers() {
this.observers.forEach((observer) => observer.update(this));
}
}
class Observer {
constructor(name) {
this.name = name;
}
update(subject) {
console.log(`${this.name} received an update from ${subject}`);
}
}
const subject = new Subject();
const observer1 = new Observer("Observer 1");
const observer2 = new Observer("Observer 2");
subject.addObserver(observer1);
subject.addObserver(observer2);
subject.notifyObservers(); // 输出：Observer 1 received an update from Subject, Observer 2 received an update from Subject 
