【JS设计模式】命令模式

模式结构

Command：

定义命令的接口，声明执行的方法。
ConcreteCommand：
命令接口实现对象，是“虚”的实现；通常会持有接收者，并调用接收者的功能来完成命令要执行的操作。
Receiver：
接收者，真正执行命令的对象。任何类都可能成为一个接收者，只要它能够实现命令要求实现的相应功能。
Invoker：
要求命令对象执行请求，通常会持有命令对象，可以持有很多的命令对象。这个是客户端真正触发命令并要求命令执行相应操作的地方，也就是说相当于使用命令对象的入口。
Client：
创建具体的命令对象，并且设置命令对象的接收者。注意这个不是我们常规意义上的客户端，而是在组装命令对象和接收者，或许，把这个Client称为装配者会更好理解，因为真正使用命令的客户端是从Invoker来触发执行

      

  

模式分析

1.命令模式的本质是对命令进行封装，将发出命令的责任和执行命令的责任分割开。
2.每一个命令都是一个操作：请求的一方发出请求，要求执行一个操作；接收的一方收到请求，并执行操作。
3.命令模式允许请求的一方和接收的一方独立开来，使得请求的一方不必知道接收请求的一方的接口，更不必知道请求是怎么被接收，以及操作是否被执行、何时被执行，以及是怎么被执行的。
4.命令模式使请求本身成为一个对象，这个对象和其他对象一样可以被存储和传递。
5.命令模式的关键在于引入了抽象命令接口，且发送者针对抽象命令接口编程，只有实现了抽象命令接口的具体命令才能与接收者相关联。

模式优点

1.降低对象之间的耦合度。
2.新的命令可以很容易地加入到系统中。
3.可以比较容易地设计一个组合命令。
4.调用同一方法实现不同的功能

  // 命令         

  var CreateCommand = function( receiver ){
            this.receiver = receiver;
          }
          CreateCommand.prototype.execute = function() {
            this.receiver.action();
          }

         

 // 接收者 电视    

       var TVOn = function() {}
          TVOn.prototype.action = function() {
              alert("TVOn");
          }

// 接收者 电视         

  var TVOff = function() {}
          TVOff.prototype.action = function() {
              alert("TVOff");
          }

         

// 调用者 遥控器          

 var Invoker = function( tvOnCommand, tvOffCommand ) {
            this.tvOnCommand = tvOnCommand;
            this.tvOffCommand = tvOffCommand;
          }
          Invoker.prototype.tvOn = function() {
            this.tvOnCommand.execute();
          }
          Invoker.prototype.tvOff = function() {
            this.tvOffCommand.execute();
          }

执行Client        

  var tvOnCommand = new CreateCommand( new TVOn() );
          var tvOffCommand = new CreateCommand( new TVOff() );
          var invoker = new Invoker( tvOnCommand, tvOffCommand );
          invoker.tvOn();
          invoker.tvOff();