设计模式 —— 命令模式

命令模式

使用命令模式，我们可以将执行某个任务的对象与调用该方法的对象解耦。

假设我们有一个在线食品配送平台。用户可以下达、跟踪和取消订单。

class OrderManager() {
  constructor() {
    this.orders = []
  }

  placeOrder(order, id) {
    this.orders.push(id)
    return `You have successfully ordered ${order} (${id})`;
  }

  trackOrder(id) {
    return `Your order ${id} will arrive in 20 minutes.`
  }

  cancelOrder(id) {
    this.orders = this.orders.filter(order => order.id !== id)
    return `You have canceled your order ${id}`
  }
}

在 OrderManager 类上，我们可以访问 placeOrder 、 trackOrder和cancelOrder` 方法。

const manager = new OrderManager();

manager.placeOrder("Pad Thai", "1234");
manager.trackOrder("1234");
manager.cancelOrder("1234");

但是，直接在 manager 实例上调用方法也有缺点。比如，我们可能之后会重命名某些方法，或者方法的功能发生变化。

假设我们现在将其重命名为 addOrder ，而不是 placeOrder，这意味着我们必须替换所有的placeOrder方法且不能遗漏，这在大型应用程序中可能非常棘手。

相反，我们希望将方法与 manager 对象解耦，并为每个命令创建单独的命令函数！

让我们重构 OrderManager 类：它不再具有 placeOrder 、 cancelOrder 和 trackOrder 方法，而是只有一个方法： execute 。该方法将执行它给出的任何命令。

每个命令都应该有权访问管理器的 orders ，我们将其作为第一个参数传递。

class OrderManager {
  constructor() {
    this.orders = [];
  }

  execute(command, ...args) {
    return command.execute(this.orders, ...args);
  }
}

我们需要为订单管理器创建三个 Command ：

PlaceOrderCommand
CancelOrderCommand
TrackOrderCommand

class Command {
  constructor(execute) {
    this.execute = execute;
  }
}

function PlaceOrderCommand(order, id) {
  return new Command((orders) => {
    orders.push(id);
    return `You have successfully ordered ${order} (${id})`;
  });
}

function CancelOrderCommand(id) {
  return new Command((orders) => {
    orders = orders.filter((order) => order.id !== id);
    return `You have canceled your order ${id}`;
  });
}

function TrackOrderCommand(id) {
  return new Command(() => `Your order ${id} will arrive in 20 minutes.`);
}

现在，这些方法不再直接耦合到 OrderManager 实例，而是独立的解耦函数，我们可以通过 OrderManager 方法调用它们。

class OrderManager {
  constructor() {
    this.orders = [];
  }

  execute(command, ...args) {
    return command.execute(this.orders, ...args);
  }
}
class Command {
  constructor(execute) {
    this.execute = execute;
  }
}

function PlaceOrderCommand(order, id) {
  return new Command(orders => {
    orders.push(id);
    console.log(`You have successfully ordered ${order} (${id})`);
  });
}
function CancelOrderCommand(id) {
  return new Command(orders => {
    orders = orders.filter(order => order.id !== id);
    console.log(`You have canceled your order ${id}`);
  });
}
function TrackOrderCommand(id) {
  return new Command(() =>
    console.log(`Your order ${id} will arrive in 20 minutes.`)
  );
}

const manager = new OrderManager();
manager.execute(new PlaceOrderCommand("Pad Thai", "1234"));
manager.execute(new TrackOrderCommand("1234"));
manager.execute(new CancelOrderCommand("1234"));

优点与缺点

优点

命令模式允许我们将方法与执行操作的对象解耦。如果您正在处理具有一定生命周期的命令，或者应该在特定时间排队并执行的命令，它可以为您提供更多控制。

缺点

命令模式的用例非常有限，并且经常向应用程序添加不必要的样板。

参考:

Command Design Pattern

Command

目录

命令模式

优点与缺点

优点

缺点