美文网首页
JavaScript命令模式

JavaScript命令模式

作者: 晓蟲QwQ | 来源:发表于2020-12-30 20:02 被阅读0次

命令模式可以解耦请求对象和接收对象,两者互不了解,只保持同一接口。命令模式是将逻辑代码进行封装为command对象。

作用

  1. command对象拥有更长的生命周期。
  2. command支持撤销、缓存、排队等。
  3. 已经执行过的命令可以被保存,进行重现。
  4. 多个小命令可以组合成一个宏命令(组合模式)
var MenuBar = {
    refresh: function(){
        console.log( '刷新菜单界面' );
    }
}

var commandStack = [];   //可以用来保存命令,实现“重播”
    
var RefreshMenuBarCommand = function(receiver){
    return {
        undo: function(){
            //实现撤销
        }
        execute: function(){
            receiver.refresh();
        }
    }
};

var setCommand = function( button, command ){
    button.onclick = function(){
        command.execute();
    }
}



var refreshMenuBarCommand = RefreshMenuBarCommand( MenuBar );
setCommand(button1, refreshMenuBarCommand);

相关文章

  • JavaScript设计模式七(命令模式)

    JavaScript设计模式七(命令模式) 定义: 命令模式是最简单和优雅的模式之一,命令模式中的命令指的是一个执...

  • 命令模式

    摘自《JavaScript设计模式与开发实践》 命令模式是最简单和优雅的模式之一,命令模式中的命令(command...

  • JavaScript命令模式

    命令模式可以解耦请求对象和接收对象,两者互不了解,只保持同一接口。命令模式是将逻辑代码进行封装为command对象...

  • javascript设计模式——命令模式

    命令模式:将请求与实现解耦并封装成独立对象,从而使不用的请求对客户端的实现参数化。 绘图命令:我们在使用cavna...

  • JavaScript设计模式——命令模式

    命令模式是JavaScript设计模式中行为型的一种设计模式; 定义:向某些对象发送请求,但是并不知道被请求的操作...

  • 八、JavaScript 命令模式

    命令模式 命名模式的目标是将方法的调用,请求或者操作封装到一个单独的对象中,给我们酌情执行同时参数化和传递方法调用...

  • JavaScript 设计模式之命令模式

    什么是命令模式? 假设有一个快餐店,而我是该餐厅的点餐服务员,那么我一天的工作应该是这样的:当某位客人点餐或者打来...

  • JavaScript 设计模式(七):命令模式

    命令模式:请求以命令的形式包裹在对象中,并传给调用对象。调用对象寻找可以处理该命令的合适的对象,并把该命令传给相应...

  • JavaScript设计模式之命令模式

    假设有一个快餐店,而我是该餐厅的点餐服务员,那么我一天的工作应该是这样的:当某位客人点餐或者打来订餐电话后,我会把...

  • 「时间」2.3@

    2.3@ 目标: 1.java模式,迭代器,备忘录,命令模式 2.JavaScript语言 3.安卓开发视频 4....

网友评论

      本文标题:JavaScript命令模式

      本文链接:https://www.haomeiwen.com/subject/hshhoktx.html