设计模式-命令模式

概念

  • 执行命令时,发布者和执行者分开
  • 中间加入命令对象,作为中转站

演示

js 复制代码
class Receiver {
    exec() {
        console.log('执行')
    }
}

class Command {
    constructor(receiver) {
        this.receiver = receiver;
    }
    cmd() {
        console.log('触发命令')
        this.receiver.exec()
    }
}

class Invoker {
    constructor(command) {
        this.command = command
    }
    invoke() {
        console.log('开始')
        this.command.cmd()
    }
}

// 士兵
let soldier = new Receiver()
// 小号手
let trumpeter = new Command(soldier)
// 将军
let general = new Invoker(trumpeter)
general.invoke()

JS中的应用

  • 网页富文本编辑器操作,浏览器封装了一个命令对象
  • document.execCommand('bold')
  • document.execCommand('undo')

设计原则验证

  • 命令对象于执行对象分开,解耦
  • 符合开发封闭原则
相关推荐
成钰1 小时前
设计模式简介
设计模式
成钰2 小时前
设计模式之抽象工厂模式:最复杂的工厂模式变种
java·设计模式·抽象工厂模式
Asort3 小时前
JavaScript设计模式(二十三)——访问者模式:优雅地扩展对象结构
前端·javascript·设计模式
xiaoye37084 小时前
23种设计模式之策略模式
设计模式·策略模式
数据知道5 小时前
Go语言设计模式:建造者模式详解
设计模式·golang·建造者模式
崎岖Qiu5 小时前
【设计模式笔记11】:简单工厂模式优缺分析
java·笔记·设计模式·简单工厂模式
你的人类朋友14 小时前
设计模式有哪几类?
前端·后端·设计模式
你的人类朋友16 小时前
适配器模式:适配就完事了bro!
前端·后端·设计模式
紫荆鱼19 小时前
设计模式-适配器模式(Adapter)
c++·设计模式·适配器模式