JavaScript设计模式之命令模式

   <button id="onbtn">开启权限</button>
    <button id="offbtn">关闭权限</button>

   const onBtn=document.getElementById('onbtn');
  const offBtn=document.getElementById('offbtn');

class Control {
    submit(command) {
        command.execute();
    }
}

class Power {
    powerOn() {
        console.log("开启所有权限入口");
    }

    powerOff() {
        console.log("关闭所有权限入口");
    }
}

class PowerOnCommand {
    constructor(current) {
        this.current = current;
    }
    execute() {
        this.current.powerOn();
    }
    undo() {
        this.current.powerOff();
    }
    redo() {
        this.execute();
    }
}
class PowerOffCommand {
    constructor(current) {
        this.current = current;
    }
    execute() {
        this.current.powerOff();
    }
    undo() {
        this.current.powerOn();
    }
    redo() {
        this.execute();
    }
}

//执行者实例
const power = new Power();
//命令对象实例
const powerOn = new PowerOnCommand(power);
const powerOff = new PowerOffCommand(power);
//发布者实例
const control = new Control();
//开启权限按钮绑定事件
onBtn.onclick=function(){
// 开启所有权限入口
    control.submit(powerOn); 
    alert('权限已开启')
}
//关闭权限按钮绑定事件
offBtn.onclick=function(){
// 关闭所有权限入口
    control.submit(powerOff); 
    alert('权限已关闭')
}