JS设计模式5 - 命令模式

2017-03-17  本文已影响48人  转角遇见一直熊

命令模式

命令模式

目标

封装函数调用,请求,操作。解耦对象的调用和方法的实现。

何时使用

  1. 需要回调能力
  2. 请求需要执行很多次,或者按照一定顺序,或者需要保存调用日志。
  3. 请求者需要和处理请求的对象解耦。

举例

线程池用来异步执行一些任务。用命令模式可以让线程池不需要知道具体实现,它只需要保存任务,并触发任务。

代码

下面看看如何用命令模式改造下面代码

(function(){
 
  var carManager = {
 
    // request information
    requestInfo: function( model, id ){
      return "The information for " + model + " with ID " + id + " is foobar";
    },
 
    // purchase the car
    buyVehicle: function( model, id ){
      return "You have successfully purchased Item " + id + ", a " + model;
    },
 
    // arrange a viewing
    arrangeViewing: function( model, id ){
      return "You have successfully booked a viewing of " + model + " ( " + id + " ) ";
    }
 
  };
 
})();

当我们需要使用carManager的时候,我们必须这样使用
carManager. buyVehicle('xxx','xxx')
这样当buyVehicle函数名称改变的时候,调用者不得不改变自己的代码。

如果想改进这坨代码,使用Java或者C#则必须要定义接口,那么用JavaScript如何做呢?我们来看看JavaScript的命令模式。

carManager.execute = function ( name ) {
    return carManager[name] && carManager[name].apply( carManager, [].slice.call(arguments, 1) );
};

最后,我们可以这样调用

carManager.execute( "arrangeViewing", "Ferrari", "14523" );
carManager.execute( "requestInfo", "Ford Mondeo", "54323" );
carManager.execute( "requestInfo", "Ford Escort", "34232" );
carManager.execute( "buyVehicle", "Ford Escort", "34232" );

总结

动态语言可以让我们更接近思想的核心,相比如最上面的图形,JavaScript的实现无疑一针见血。

看一个复杂一点的例子:
http://codepen.io/ImagineProgramming/pen/reyOJv

上一篇下一篇

猜你喜欢

热点阅读