如何用"状态模式"优化代码

状态模式定义

在状态模式（State Pattern）中，类的行为是基于它的状态改变的。这种类型的设计模式属于行为型模式。

在状态模式中，我们创建表示各种状态的对象和一个行为随着状态对象改变而改变的 context 对象。

使用场景

意图：允许对象在内部状态发生改变时改变它的行为，对象看起来好像修改了它的类。

主要解决：对象的行为依赖于它的状态（属性），并且可以根据它的状态改变而改变它的相关行为。

何时使用：代码中包含大量与对象状态有关的条件语句。

如何解决：将各种具体的状态类抽象出来。

关键代码：通常命令模式的接口中只有一个方法。而状态模式的接口中有一个或者多个方法。而且，状态模式的实现类的方法，一般返回值，或者是改变实例变量的值。也就是说，状态模式一般和对象的状态有关。实现类的方法有不同的功能，覆盖接口中的方法。状态模式和命令模式一样，也可以用于消除 if…else 等条件选择语句。

实例

射击游戏中游戏角色的动作有”run，smill，shoot“每一种动作都要执行对应方法跑，笑，射击，而且还有角色跑着射击，笑着射击，跑着笑着。。。。

任意组合

如果不加任何思考单纯用if else实现

极其难看而且不易维护

如果用状态模式进行优化

     function Game(){
           this.state = [];
           this.action = {
               run:function(){
                   console.log("跑")
               },
               smill: function () {
                   console.log("笑")
               },
               shoot: function () {
                   console.log("射击")
               }
           }
       }

       Game.prototype.putAction = function(action){
           if(typeof action === "string"){
               this.state.push(action);
           }else{
              this.state =  this.state.concat(action);
           }
       }
       Game.prototype.start = function(){
           this.state.forEach(element => {
               this.action[element]();
           });
       }

       let game = new Game();
        game.putAction('run');
        game.start();

        game.putAction(['run',  'shoot']);
       game.start();

       game.putAction(['run','smill','shoot']);
       game.start();