设计模式--状态模式

状态模式

• 模式动机：在很多情况下一个对象的行为取决于一个或多个变化的属性（状态），这样的对象叫做有状态对象，对象中的状态是预先定义好的一系列，当此对象与外部事件产生互动时。其内部状态就会改变，从而使对象的行为发生改变。
• 定义：允许一个对象在其内部状态改变时改变他的行为，对象看起来改变了他的类。
• 理解：状态模式的关键是把事物的每一种状态都封装成单独的类（obj），跟此状态有关的行为都被封装在此类中。状态改变时，只需要在上下文中，把请求委托给当前的状态对象即可，该状态对象会渲染他自身的行为。

---

• 事例说明
  电灯开关，状态（on，off）。在不同的状态下点击开关电灯会有不同的行为（亮，暗）。状态是依次转换的 亮->暗->亮....
  简单的思路是init时给类赋初始状态值，每次点击时判断此时的状态，if else中作状态对应的具体操作＋状态转变。
  带来的问题是，如果后来加了亮度等级状态（强光，弱光...）那么开关点击函数中的if else判断会不停增加无限扩展。所有状态对应的行为逻辑代码全步都存在于此函数中，不好维护，其实我们不希望这样的函数存在。
  那么为了解决这种问题引入了之前说的状态模式。

• 改造函数
  首先把context的状态由之前的string变为obj(或者类)

   var deng = {
  
        this.currState = stList.off;
        ...
  
    }
    var stList = {
  
        off: {},
        on: {}  
  
    }
  

然后将点击按钮所执行的逻辑扔到每个状态对象中

    var stList = {

        off: {

            btnPressed: function () {

                /*  
                 *  初始状态下点击的行为
                 */
                console.log('关灯');
                ...
                this.currState = off.on;

            }

        },

        on: {

            btnPressed: function () {

                /*  
                 *  关灯状态下点击的行为
                 */
                console.log('开灯');
                ...
                this.currState = off.off;

            }

        }   

    }

接下来改造初始化函数

  deng.prototype.init = function () {
    var self = this;
    ...
    btn.onclick = function () {

      self.currState.btnPressed.call(self);

    }
  }

完工，通过改造，将btn.onclick中大量ifelse判断运行的业务代码，委托到了每个状态对象中。
如果以后在增加状态，那个只需要在stList中增加对应的状态对象，并修改切换顺序即可。对代码的修改维护十分友好。

• 优点：
  1.状态模式定义个状态与行为之间的关系，并将他们封装在一个类里，通过增加新的状态类，很容易增加新的状态和转换。
  2.避免context无限膨胀，去掉了条件分支，状态切换也被扔到了状态类中。
  3.用对象代替string纪录状态。
  4.状态类中封装的行为具有独立性，不互相影响。

• 缺点：
  1.会定义许多类，增加代码量。
  2.逻辑分散，无法在一个地方就看出整个状态机的逻辑。