JS命令模式个人理解

//BODY部分
<body>
    <button id="execute">打开电视</button>
    <button id="undo">关闭电视</button>
</body>

//JavaScript部分
<script>
    var Tv={//面向字面量
        open:function(){
            console.log('打开电视机');
        },
        close:function(){
            console.log('关闭电视');
        }
    }
    
    var OpenTvCommand=function(receiver){//一个函数，new之后才可以访问receiver
        this.receiver=receiver;
    }
    
    OpenTvCommand.prototype.execute=function(){//OpenTvCommand中添加一个execute方法
        this.receiver.open();
        //this.receiver.close();
    }
    
    OpenTvCommand.prototype.undo=function(){//OpenTvCommand中添加一个undo方法
        this.receiver.close();
    }
    
    var setCommand=function(command){//执行命令函数
        document.getElementById('execute').onclick=function(){
            command.execute();
            //console.log(command);
            //console.log(OpenTvCommand.execute());
        }
        document.getElementById('undo').onclick=function(){
            command.undo();
        }
    }
    
    setCommand(new OpenTvCommand(Tv));
    //console.log(new OpenTvCommand(Tv));
</script>

分析：

第一步：new OpenTvCommand(Tv) 实例化一个OpenTvCommand(Tv)函数，
　　得到一个OpenTvCommand(receiver:Object)对象，
Object中包含两个对象open()和close()方法

第二步：setCommand(new OpenTvCommand(Tv)) 中的new OpenTvCommand(Tv)可以把它看做open()和close()两个方法传过去，
传递给setCommand()对象，command.execute()再回到 OpenTvCommand.prototype（execute，undo包含这两个方法）的方法中自由匹配自身函数与TV对象中的方法，
然后再执行OpenTvCommand.prototype自身有的方法

PS:如何要想在execute或者undo中添加方法，只需添加一个Tv中的方法即可，这就是我理解的命令模式