桥+命令模式

时间:2017-02-24 02:50:53

标签: javascript design-patterns command bridge

我正在阅读命令模式,我看到来自不同站点的示例似乎使用桥+命令模式来展示命令模式。

首先,来自维基百科:https://en.wikipedia.org/wiki/Command_pattern,命令模式的定义:

  

命令模式是一种行为设计模式,其中包含一个对象   用于封装执行操作所需的所有信息   稍后触发事件。该信息包括该方法   name,拥有方法的对象和方法的值   参数。

因此,使用该定义,命令模式似乎非常简单,并且阅读位于此处的书:https://addyosmani.com/resources/essentialjsdesignpatterns/book/#commandpatternjavascript,此示例就是这样。

(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.execute = function ( name ) {
    return carManager[name] && carManager[name].apply( carManager, [].slice.call(arguments, 1) );
  };

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

})();

此示例中没有额外的内容,我只看到命令模式。但是,回到维基百科,他们使用以下示例来展示命令模式:

class Switch {
  constructor() {
    this._commands = [];
  }

  storeAndExecute(command) {
    this._commands.push(command);
    command.execute();
  }
}

class Light {
  turnOn() { console.log('turn on') }
  turnOff() { console.log('turn off') }
}

class FlipDownCommand {
  constructor(light) {
    this._light = light;
  }

  execute() {
    this._light.turnOff();
  }
}

class FlipUpCommand {
  constructor(light) {
    this._light = light;
  }

  execute() {
    this._light.turnOn();
  }
}

var light = new Light();
var switchUp = new FlipUpCommand(light);
var switchDown = new FlipDownCommand(light);
var s = new Switch();

s.storeAndExecute(switchUp);
s.storeAndExecute(switchDown);

当我看到上面的这个例子时,我立即看到桥接模式,然后看到命令模式,因为它们正在存储,然后立即调用命令。

我的问题是这个;我是否认为维基百科的例子是使用桥接+命令模式来展示命令模式?

编辑:

如果我拿第二个例子,并删除命令部分,这不是桥接模式吗?

class Light {
  turnOn() { console.log('turn on') }
  turnOff() { console.log('turn off') }
}

class FlipDownCommand {
  constructor(light) {
    this._light = light;
  }

  execute() {
    this._light.turnOff();
  }
}

class FlipUpCommand {
  constructor(light) {
    this._light = light;
  }

  execute() {
    this._light.turnOn();
  }
}

var light = new Light();
var switchUp = new FlipUpCommand(light);
var switchDown = new FlipDownCommand(light);

switchUp.execute();
switchDown.execute();

1 个答案:

答案 0 :(得分:1)

首先,我发现在js示例中对Addy Osmani的解释与GoF的原始解释(以及维基百科定义)略有不同。

从GoF Command Pattern页面:

  

命令模式是一种设计模式,它使请求的所有信息都包含在单个对象中。然后可以根据需要调用该命令,通常作为具有回滚功能的一批排队命令的一部分。

这意味着,命令对象应包含一个无参数Execute方法(有时还包含Undo)。命令的参数应该是 已包含在其中。该命令可以在以后的任何时间传递给调用者,排队并执行 维基百科的例子与原始的GoF非常相似,并遵循该定义 它没有使用Bridge模式。

Bridge模式用于添加抽象级别并隐藏来自使用者的服务的技术具体实现。 桥接器可以具有许多由其接口定义的操作。