js 中介者模式

中介者模式（Mediator Pattern）是一种行为设计模式，它允许你减少对象之间的混乱依赖关系。通过引入一个中介者对象，来封装一系列对象之间的交互，使得各对象不需要显式地相互引用，从而使其耦合松散，并且可以独立地改变它们之间的交互。

基础概念

中介者（Mediator）：定义一个接口用于与各同事对象通信。
具体中介者（ConcreteMediator）：实现中介者接口，协调各个同事对象的行为。
同事类（Colleague）：每个同事类都知道它的中介者对象，每个同事类在需要和其他同事通信时，先与其中介者通信。

优势

减少耦合：对象之间不再直接相互引用，而是通过中介者进行交互。
集中控制：中介者集中管理对象之间的交互逻辑，便于维护和扩展。
简化对象协议：客户端无需了解对象之间的交互细节，只需要知道如何与中介者交互。

类型

中介者模式主要分为两种类型：

抽象中介者：定义了同事对象到中介者对象的接口，一般以抽象类的方式实现。
具体中介者：实现了抽象中介者定义的方法，协调各个同事对象的行为。

应用场景

MVC 模式中的控制器：控制器作为中介者，负责协调模型和视图之间的交互。
聊天室：聊天室服务器作为中介者，负责转发消息给所有参与者。
GUI 组件：如按钮、文本框等组件之间的交互可以通过中介者来管理。

示例代码

以下是一个简单的 JavaScript 中介者模式的实现示例：

// 抽象中介者
class Mediator {
  constructor() {
    this.colleagues = [];
  }

  addColleague(colleague) {
    this.colleagues.push(colleague);
  }

  send(message, from, to) {
    // 默认情况下，消息会广播给所有同事
    if (!to) {
      this.colleagues.forEach(colleague => {
        if (colleague !== from) {
          colleague.receive(message);
        }
      });
    } else {
      to.receive(message);
    }
  }
}

// 具体中介者
class ChatRoom extends Mediator {
  send(message, from, to) {
    console.log(`${from.name} to ${to ? to.name : 'all'}: ${message}`);
    super.send(message, from, to);
  }
}

// 同事类
class User {
  constructor(name, mediator) {
    this.name = name;
    this.mediator = mediator;
  }

  send(message, to) {
    this.mediator.send(message, this, to);
  }

  receive(message) {
    console.log(`${this.name} received: ${message}`);
  }
}

// 使用示例
const chatRoom = new ChatRoom();

const user1 = new User('Alice', chatRoom);
const user2 = new User('Bob', chatRoom);
const user3 = new User('Charlie', chatRoom);

chatRoom.addColleague(user1);
chatRoom.addColleague(user2);
chatRoom.addColleague(user3);

user1.send('Hello everyone!');
user2.send('Hi Alice, how are you?');
user1.send('I am fine, thanks!', user2);