状态模式
- 模式动机：在很多情况下一个对象的行为取决于一个或多个变化的属性（状态），这样的对象叫做有状态对象，对象中的状态是预先定义好的一系列，当此对象与外部事件产生互动时。其内部状态就会改变，从而使对象的行为发生改变。
- 定义：允许一个对象在其内部状态改变时改变他的行为，对象看起来改变了他的类。
- 理解：状态模式的关键是把事物的每一种状态都封装成单独的类（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.逻辑分散，无法在一个地方就看出整个状态机的逻辑。
