《JavaScript设计模式与开发实践》之状态模式

定义：把食物的每种状态都封装成单独的类，跟此种状态有关的行为都封装在这个类的内部。

允许一个对象在其内部状态改变时改变它的行为，看起似乎修改了它的类。

优点：

1. 定义了状态与行为之间的关系，并将它们封装在一个类里，通过增加新的状态类，很容易增加新的状态和转换；
2. 避免 context 无限膨胀，状态切换的逻辑被分布在状态类中，也去掉了 context 中原本过多的条件分支；
3. 用对象代替字符串来记录当前状态，使得状态的切换更加一目了然；
4. context 中的请求动作和状态类中封装的行为可以非常容易地独立变化而互不影响。

缺点：
会在系统中定义许多状态类，系统会因此而增加不少对象。虽然避开了不受欢迎的条件分支语句，但也造成了逻辑分散的问题。我们无法在一个地方就看出整个状态机的逻辑。

举栗子啦（有一个电灯，电灯上面只有一个开关。当电灯关着的时候，此时按下开关，电灯会切换到弱光状态；再按一次开关，电灯会切换到强光状态，再按一次是关闭状态；同一个开关按钮，在不同的状态下，表现出来的行为是不一样的。）：

// OffLightState：
var OffLightState = function( light ){
 this.light = light;
};
OffLightState.prototype.buttonWasPressed = function(){
 console.log( '弱光' ); // offLightState 对应的行为
 this.light.setState( this.light.weakLightState ); // 切换状态到 weakLightState
};
// WeakLightState：
var WeakLightState = function( light ){
 this.light = light;
};
WeakLightState.prototype.buttonWasPressed = function(){
 console.log( '强光' ); // weakLightState 对应的行为
 this.light.setState( this.light.strongLightState ); // 切换状态到 strongLightState
};
// StrongLightState：
var StrongLightState = function( light ){
 this.light = light;
};
StrongLightState.prototype.buttonWasPressed = function(){
 console.log( '关灯' ); // strongLightState 对应的行为
 this.light.setState( this.light.offLightState ); // 切换状态到 offLightState
}; 
var Light = function(){
 this.offLightState = new OffLightState( this );
 this.weakLightState = new WeakLightState( this );
 this.strongLightState = new StrongLightState( this );
 this.button = null;
};