JS设计模式初识(六)-命令模式

1、定义

命令模式是最简单和优雅的模式之一，命令模式中的命令(command)指的是一个执行某些特定事情的指令。

6.1 基本概念

命令模式最多见的应用场景是:有时候须要向某些对象发送请求，可是并不知道请求的接收 者是谁，也不知道被请求的操做是什么。此时但愿用一种松耦合的方式来设计程序，使得请求发送者和请求接收者可以消除彼此之间的耦合关系。

例如： 对于拿订餐来讲，客人须要向厨师发送请求，可是彻底不知道这些厨师的名字和联系方式，也不 知道厨师炒菜的方式和步骤。客人只关心菜品能准时上就行。

// 模拟拳皇的场景
    const Ryu = {
        attack: () => { console.log('攻击 => ',); },
        defense: () => { console.log('防护 => ',); },
        jump: () => { console.log('跳跃 => ',); },
        crouch: () => { console.log('蹲下 => ',); },
    };

    const commands = {
        119: 'jump', // W
        115: 'crouch', // S
        97: 'defense', // A
        100: 'attack', // D
    };

    // 建立命令
    const makeCommand = (receiver, state) => receiver[state];

    const commandStack = []; 
    document.onkeypress = function(e) {
        const command = makeCommand(Ryu, commands[e.keyCode]);
        if (command) {
            command(); // 执行命令
            commandStack.push(command);
        }
    }
    // 回放
    const replay = document.getElementById('replay');
    replay.onclick = function(e) {
        let command;
        while (command = commandStack.shift()){
            command();
        };
    }
复制代码

6.2 宏命令

宏命令是一组命令的集合，经过执行宏命令的方式，能够一次执行一批命令。批量执行， 至关于一键操做。想象一下，家 里有一个万能遥控器，天天回家的时候，只要按一个特别的按钮，它就会帮咱们关上房间门，顺便打开电脑并登陆 QQ。

const commandSet = {
        closeDoor: () => { console.log('关上房门 => ',); },
        openPc: () => { console.log('打开电脑 => ',); },
        openQQ: () => { console.log('打开qq1 => ',); },
    };

    class MacroCommand {
        commandList = [];
        add = (command) => this.commandList.push(command);
        execute = () => this.commandList.forEach((item) => item());
        replay = () => {
            let command;
            while(command = this.commandList.shift()) {
                command();
            }
        };
        print = () => console.log('this.commandList => ',this.commandList);
    }
    
    const mc = new MacroCommand();
    const { closeDoor, openPc, openQQ } = commandSet;
    mc.add(closeDoor);
    mc.add(openPc);
    mc.add(openQQ);
    mc.print();
    setTimeout(mc.execute, 2000);
    setTimeout(mc.replay, 5000);
复制代码

2、总结

通常来讲，命令模式都会在 command 对象中保存一个接收者来负责真正执行客户的请求，这种状况下命令对象是“傻瓜式”的，它只负责把客户的请求转交给接收者来执行，这种模式的好处是请求发起者和请求接收者之间尽量地获得了解耦。命令模式还能够完成撤销、排队等功能。