目录

设计模式-命令模式

概念

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

演示

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')

设计原则验证

  • 命令对象于执行对象分开,解耦
  • 符合开发封闭原则
本文是转载文章,点击查看原文
如有侵权,请联系 xyy@jishuzhan.net 删除
相关推荐
01空间1 小时前
设计模式简述(十一)装饰器模式
设计模式
辰辰大美女呀1 小时前
C 语言高级编程指南:回调函数与设计模式
c语言·开发语言·设计模式
01空间1 小时前
设计模式简述(六)代理模式
设计模式
cijiancao3 小时前
23种设计模式中的观察者模式
观察者模式·设计模式
前期后期6 小时前
设计模式:为什么使用模板设计模式(不相同的步骤进行抽取,使用不同的子类实现)减少重复代码,让代码更好维护。
java·前端·设计模式
01空间7 小时前
设计模式简述(八)中介者模式
设计模式
信徒_7 小时前
Spring 中有哪些设计模式?
java·spring·设计模式
hope_wisdom8 小时前
实战设计模式之迭代器模式
设计模式·迭代器模式·软件工程·架构设计·软件架构
01空间9 小时前
设计模式简述(十二)策略模式
设计模式