常用设计模式实战(每天一个设计模式之命令模式)

常用设计模式实战(每天一个设计模式之命令模式)(1)

0. 示例代码
  • 此节全部代码 (https://godbmw.com/passages/2018-11-25-command-pattern/)
1. 什么是“命令模式”

命令模式是一种数据驱动的设计模式,它属于行为型模式。

  1. 请求以命令的形式包裹在对象中,并传给调用对象。
  2. 调用对象寻找可以处理该命令的合适的对象,并把该命令传给相应的对象。
  3. 该对象执行命令。

在这三步骤中,分别有 3 个不同的主体:发送者、传递者和执行者。在实现过程中,需要特别关注。

2. 应用场景

有时候需要向某些对象发送请求,但是又不知道请求的接受者是谁,更不知道被请求的操作是什么。此时,命令模式就是以一种松耦合的方式来设计程序

3. 代码实现

3.1 python3 实现

命令对象将动作的接收者设置在属性中,并且对外暴露了execute接口(按照习惯约定)。

在其他类设置命令并且执行命令的时候,只需要按照约定调用Command对象的execute()即可。到底是谁接受命令,并且怎么执行命令,都交给Command对象来处理!

__author__ = 'godbmw.com' # 接受到命令,执行具体操作 class Receiver(object): def action(self): print("按钮按下,执行操作") # 命令对象 class Command: def __init__(self, receiver): self.receiver = receiver def execute(self): self.receiver.action() # 具体业务类 class Button: def __init__(self): self.command = None # 设置命令对戏那个 def set_command(self, command): self.command = command # 按下按钮,交给命令对象调用相关函数 def down(self): if not self.command: return self.command.execute() if __name__ == "__main__": receiver = Receiver() command = Command(receiver) button = Button() button.set_command(command) button.down()

3.2 ES6 实现

setCommand方法为按钮指定了命令对象,命令对象为调用者(按钮)找到了接收者(MenuBar),并且执行了相关操作。而按钮本身并不需要关心接收者和接受操作

// 接受到命令,执行相关操作 const MenuBar = { refresh() { console.log("刷新菜单页面"); } }; // 命令对象,execute方法就是执行相关命令 const RefreshMenuBarCommand = receiver => { return { execute() { receiver.refresh(); } }; }; // 为按钮对象指定对应的 对象 const setCommand = (button, command) => { button.onclick = () => { command.execute(); }; }; let refreshMenuBarCommand = RefreshMenuBarCommand(MenuBar); let button = document.querySelector("button"); setCommand(button, refreshMenuBarCommand);

下面是同级目录的 html 代码,在谷歌浏览器中打开创建的index.html,并且打开控制台,即可看到效果。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>命令模式</title> </head> <body> <button>按钮</button> <script src="http://img.studyofnet.com./main.js"></script> </body> </html>

4. 参考
  • 《JavaScript 设计模式和开发实践》
  • 如何实现命令模式

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页