JavaScript设计模式——命令模式

介绍

命令模式，将请求封装成对象，将命令的发送者和接受者解耦。本质上是对方法调用的封装。

主要概念：

1. 命令接口（Command Interface）：定义命令对象的接口，通常包含一个执行（execute）方法。
2. 具体命令（Concrete Command）：实现命令接口，封装了具体的命令逻辑，负责执行请求。
3. 命令发送者（Invoker）：负责创建命令对象并设置其接收者，将命令对象发送给执行者。
4. 命令接收者（Receiver）：负责执行具体的操作或请求。。

ts代码

// 定义命令接口
interface Command {
  execute(): void;
}

// 具体命令 - 开灯
class LightOnCommand implements Command {
  private light: Light;

  constructor(light: Light) {
    this.light = light;
  }

  execute() {
    this.light.turnOn();
  }
}

// 具体命令 - 关灯
class LightOffCommand implements Command {
  private light: Light;

  constructor(light: Light) {
    this.light = light;
  }

  execute() {
    this.light.turnOff();
  }
}

// 命令接受者 - 电灯
class Light {
  turnOn() {
    console.log("开灯");
  }
  turnOff() {
    console.log("关灯");
  }
}

// 定义命令发送者
class RemoteControl {
  private commands: Command[] = [];

  setCommand(command: Command) {
    this.commands.push(command);
  }

  executeCommand() {
    this.commands.forEach((command) => command.execute());
    this.commands = [];
  }
}

const remoteControl = new RemoteControl();
const light = new Light();
const lightOnCommand = new LightOnCommand(light);
const lightOffCommand = new LightOffCommand(light);
remoteControl.setCommand(lightOnCommand);
remoteControl.setCommand(lightOffCommand);
remoteControl.executeCommand();