解耦关系，轻松沟通——JavaScript 设计模式之介质者模式

前端

2023-10-24 11:43:49

中介者模式：消除复杂性和耦合

在软件开发中，复杂性是我们的敌人。随着应用程序规模的增长，对象之间紧密耦合的关系会导致维护噩梦。

什么是中介者模式？

中介者模式是一种设计模式，旨在解决对象之间紧耦合和复杂通信的问题。它通过引入一个中介者 对象来协调不同对象之间的交互。

中介者对象的角色

中介者对象充当一个中央通信中心。它管理所有对象之间的消息传递，使其不再需要直接引用彼此。这有效地解除了对象之间的紧耦合关系，使代码更灵活且易于维护。

中介者模式的好处

中介者模式提供了众多好处，包括：

解除紧耦合： 对象不再需要直接相互依赖，从而提高了代码的可维护性。
简化通信： 通过提供一个集中化的通信接口，中介者简化了对象之间的交互。
提高可扩展性： 由于对象之间的依赖关系较弱，因此在添加或删除对象时更容易扩展代码。

中介者模式的缺点

尽管有这些好处，中介者模式也有一些缺点需要考虑：

性能开销： 由于所有通信都必须通过中介者，可能会引入额外的性能开销。
代码复杂性： 对于涉及复杂通信的系统，中介者模式可能会使代码变得更加复杂。

何时使用中介者模式？

中介者模式非常适合解决以下场景中的问题：

紧耦合的对象： 当对象高度相互依赖时，导致难以维护的代码。
复杂通信： 当对象之间的交互变得复杂，难以理解和调试时。
可扩展性： 当需要在不影响现有代码的情况下轻松添加或删除对象时。

JavaScript 中的中介者模式

在 JavaScript 中，可以使用以下步骤实现中介者模式：

定义一个中介者对象来管理对象之间的通信。
创建具体对象并注册它们到中介者中。
当一个对象需要与另一个对象通信时，它会通过中介者发送消息。
中介者将消息转发给目标对象。

示例代码

class Mediator {
  constructor() {
    this.objects = [];
  }

  register(object) {
    this.objects.push(object);
  }

  send(message, sender) {
    for (let i = 0; i < this.objects.length; i++) {
      if (this.objects[i] !== sender) {
        this.objects[i].receive(message);
      }
    }
  }
}

class ConcreteObjectA {
  constructor(mediator) {
    this.mediator = mediator;
    this.mediator.register(this);
  }

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

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

class ConcreteObjectB {
  constructor(mediator) {
    this.mediator = mediator;
    this.mediator.register(this);
  }

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

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

// 使用中介者模式
const mediator = new Mediator();
const objectA = new ConcreteObjectA(mediator);
const objectB = new ConcreteObjectB(mediator);

objectA.send('Hello from ConcreteObjectA');
objectB.send('Hello from ConcreteObjectB');