命令模式：协调 JavaScript 对象交互的无畏指挥官

2023-12-03 21:37:32

掌控对象协作的指挥官：JavaScript 命令模式

在软件开发中，我们经常需要协调多个对象之间的交互。想象一下一个复杂的 UI 界面，其中包含数十个按钮，每个按钮都触发不同的动作。传统方法是将每个按钮直接绑定到特定操作上。然而，这种方法会导致紧密耦合，使得代码难以维护和扩展。

命令模式提供了一种优雅的解决方案，它允许您分离请求发送和请求接收。该模式将请求封装为独立的对象（命令对象），从而实现请求与请求处理程序之间的松耦合。

命令模式的关键优点包括：

松耦合： 请求发送者和接收者之间的耦合被消除。请求发送者只需知道它需要执行一个操作，而不必关心具体的操作是什么或谁将执行它。
可扩展性： 通过将命令封装为对象，可以轻松地添加或删除命令，而无需修改现有代码。
可重用性： 命令对象可以跨多个对象重用，从而提高代码的可维护性。

为了说明命令模式在实践中的应用，让我们考虑一个按钮处理示例。假设我们有一个 UI 界面，其中每个按钮代表一个不同的命令。

class Button {
  constructor(command) {
    this.command = command;
  }

  click() {
    this.command.execute();
  }
}

class OpenCommand {
  constructor(receiver) {
    this.receiver = receiver;
  }

  execute() {
    this.receiver.open();
  }
}

class CloseCommand {
  constructor(receiver) {
    this.receiver = receiver;
  }

  execute() {
    this.receiver.close();
  }
}

const receiver = {
  open: () => console.log('打开文档'),
  close: () => console.log('关闭文档')
};

const openButton = new Button(new OpenCommand(receiver));
const closeButton = new Button(new CloseCommand(receiver));

// 按钮被点击时，将执行相应的命令
openButton.click(); // 输出：打开文档
closeButton.click(); // 输出：关闭文档