编辑“︁JavaScript观察者模式”︁（章节）

== 代码实现 ==  
以下是一个简单的观察者模式实现示例：  

<syntaxhighlight lang="javascript">  
// 主题类  
class Subject {  
  constructor() {  
    this.observers = []; // 存储观察者  
  }  

  // 添加观察者  
  subscribe(observer) {  
    this.observers.push(observer);  
  }  

  // 移除观察者  
  unsubscribe(observer) {  
    this.observers = this.observers.filter(obs => obs !== observer);  
  }  

  // 通知所有观察者  
  notify(data) {  
    this.observers.forEach(observer => observer.update(data));  
  }  
}  

// 观察者类  
class Observer {  
  constructor(name) {  
    this.name = name;  
  }  

  update(data) {  
    console.log(`${this.name} 收到数据: ${data}`);  
  }  
}  

// 使用示例  
const subject = new Subject();  
const observer1 = new Observer("观察者1");  
const observer2 = new Observer("观察者2");  

subject.subscribe(observer1);  
subject.subscribe(observer2);  

subject.notify("Hello World!");  

// 输出：  
// 观察者1 收到数据: Hello World!  
// 观察者2 收到数据: Hello World!  
</syntaxhighlight>  

=== 流程说明 ===  
1. 主题通过`subscribe`方法注册观察者。  
2. 当主题调用`notify`时，遍历观察者列表并调用其`update`方法。  
3. 观察者通过`unsubscribe`可随时取消订阅。