设计模式 - 命令模式

使用命令模式 ,可以将执行特定任务的对象与调用该方法的对象分离。假设有一个在线送餐平台。用户可以下订单、跟踪订单和取消订单。

javascript 复制代码
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 类上,可以访问 placeOrdertrackOrdercancelOrder 方法。直接使用这些方法将是完全有效的 JavaScript!

javascript 复制代码
const manager = new OrderManager();

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

但是,直接在manager实例上调用这些方法也有缺点。以后可能会决定重命名某些方法,或者方法的功能发生变化。

假设现在不将其命名为 placeOrder,而是将其重命名为 addOrder!这意味着必须确保不会在代码库中的任何位置调用 placeOrder 方法,这在大型应用程序中可能非常棘手。相反,希望将方法与 manager 对象分离,并为每个命令创建单独的命令函数!

让我们重构 OrderManager 类:它不再有 placeOrdercancelOrdertrackOrder 方法,而是只有一个方法:execute。此方法将执行它给出的任何命令。

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

javascript 复制代码
class OrderManager {
  constructor() {
    this.orders = [];
  }

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

这里需要为订单管理器创建三个Command

  • PlaceOrderCommand
  • CancelOrderCommand
  • TrackOrderCommand
javascript 复制代码
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 上可用的 execute 方法调用它们。

优点

命令模式允许我们将方法与执行操作的对象解耦。如果您正在处理具有一定生命周期的命令,或者应该在特定时间排队和执行的命令,那么它可以使您获得更大的控制权。

缺点

命令模式的使用情况相当有限,并且经常为应用程序添加不必要的样板代码。

相关推荐
剧中有戏5 小时前
抽象工厂模式从入门到精通:一个多云存储案例的完整剖析(修订版)
设计模式
MC皮蛋侠客9 小时前
Redis 系列(八):缓存设计模式与一致性——从 Cache Aside 到防雪崩
redis·缓存·设计模式
莫得感情 o11 小时前
设计模式 18 · 状态模式
设计模式·状态模式
莫得感情 o11 小时前
设计模式 17 · 责任链模式
设计模式·责任链模式
用户9385156350720 小时前
从零在浏览器里跑 DeepSeek-R1:WebGPU + Transformer.js 全链路实战
前端·设计模式·typescript
AI人工智能+电脑小能手1 天前
大白话说Java设计模式-04-工厂方法模式(业务实战篇)
java·设计模式·工厂方法模式·架构设计·代码解耦
今天的砖头有点烫手啊1 天前
AI Agent 开发实战(十):Agent 设计模式(ReAct / Plan-Execute / Reflection)
人工智能·react.js·设计模式
董员外1 天前
RAG 系统进化论(十):可运营 RAG,从原型到长期运行的知识系统
人工智能·后端·设计模式
莫得感情 o1 天前
设计模式 15 · 模板方法模式
设计模式·模板方法模式