策略模式与状态模式不是双胞胎，而是情侣！
文章经作者老姚，授权转载
今天说说搞对象这件事情儿。
我们经常爱问一个人，你为啥还单着？
对方的回答无非是如下这两种：
- 没遇到合适的。
- 太忙了，没有时间。
其他回答，要么能归于这二者其一，要么二者兼顾。
然而，在我看来，这二者分别对应了策略模式和状态模式。
使用后台语言的同学都知道策略模式和状态模式是对双胞胎，只有出生之后才分开。
又或说二者长得十分像，但是性格迥然不同。
我认为这种说法没有说到点子上，准确地说二者是情侣，一男一女。
1. 策略模式
那么什么是策略模式？
策略、策略，讲究的是做一件事情可以有不同的招数。
所以很多书籍都爱用“锦囊妙计”来说它。
var doSomething1 = function() {
console.log('xxx');
};
var doSomething2 = function() {
console.log('yyy');
}
// 核心
var doSomething = function(strategy) {
if (strategy == 'xxx') doSomething1();
if (strategy == 'yyy') doSomething2();
};
doSomething('xxx'); // xxx
doSomething('yyy'); // yyy
上面的代码就是策略的一种 if-else 实现方式。
在前端使用可以如下实现策略模式：
var doSomething = function(strategy) {
strategys[strategy]();
};
var strategys = {
xxx: function() {
console.log('xxx');
},
yyy: function() {
console.log('yyy');
}
};
doSomething('xxx'); // xxx
doSomething('yyy'); // yyy
策略模式，你传什么，我就使用什么招数！
2. 状态模式
策略模式的分析暂告一段落，我们再来看看什么是状态？
状态、状态，今天没心情上班，此心情就是状态。
之前看过一个段子：
A：来了？ B：来了。 A：来了？ B：来了。 A：来吗？ B：不来了。
这个段子的含义是，能不能“来”，取决于当前的状态。
一个具体例子，开关，它最能体现出状态。
var state = 'off';
var doSomething1 = function() {
if (state == 'off') {
console.log('doSomething1 and turn to on');
flag = 'on';
}
if (state == 'on') {
console.log('doSomething1 else');
}
};
var doSomething2 = function() {
if (state == 'off') {
console.log('doSomething2');
}
if (state == 'on') {
console.log('doSomething2 else and turn to off');
flag = 'off';
}
}
doSomething1(); // doSomething1 and turn to on
doSomething1(); // doSomething1 else
doSomething2(); // doSomething2 else and turn to off
doSomething2(); // doSomething2
每次去做事情时，结果是取决于当前的状态的。
上述逻辑改成状态模式实现：
var doSomething1 = function () {
state.doSomething1();
};
var doSomething2 = function () {
state.doSomething2();
};
var off = {
doSomething1: function () {
console.log('doSomething1 and turn to on');
state = on;
},
doSomething2: function () {
console.log('doSomething2');
}
}
var on = {
doSomething1: function () {
console.log('doSomething1 else');
},
doSomething2: function () {
console.log('doSomething2 else and turn to off');
state = off;
}
}
var state = off
doSomething1(); // doSomething1 and turn to on
doSomething1(); // doSomething1 else
doSomething2(); // doSomething2 else and turn to off
doSomething2(); // doSomething2
ok，这就是状态指导行为。
3. 情侣关系
策略模式和状态模式是什么以及如何简单实现，应该相对清楚了。
使用相应模式后，代码变得清晰了，也容易应对变化。
可以新增不同的策略，可以新增不同的状态。
现在我们来看看他俩为啥是情侣关系？
策略模式根据外界条件来选取不同的策略。
状态模式根据内部状态来决定不同的反应。
"有象斯有对，对必反其为"。
一个外，一个内。
这两句看起来是对仗工整。但是看二者代码，却没有这么觉得呢？
发现策略模式代码量小，而状态模式代码量大，后者几乎是前者的两倍。
说二者是男女，策略应该是男的，而状态是女的。
男的关心的是如何快速解决问题，拿出解决方法。
女人关心的是当前心情和情绪的安抚，关注内在状态。
从上面的代码量来看，女生想的心事儿比较多。
下面让例子代码量对等一下。
这里用策略模式来尝试模拟你的技能和兴趣。
var 绝技 = {
思考: function () {
console.log("胡思乱想");
},
看书: function() {
console.log('一气呵成');
}
};
var 爱好 = {
吹牛: function () {
console.log("牛上天了");
},
抽烟: function() {
console.log("腾云驾雾");
}
};
var 你 = {
展示绝技: function(strategy) {
绝技[strategy]();
},
展示爱好: function(strategy) {
爱好[strategy]();
}
};
你.展示绝技("思考"); // 胡思乱想
你.展示绝技("看书"); // 一气呵成
你.展示爱好("吹牛"); // 牛上天了
你.展示爱好("抽烟"); // 腾云驾雾
上述代码封装了两组算法，每组算法内由外界来决定选择具体某种算法。
那么对于状态模式，也来写一下自己。
var 烦 = {
吹牛: function() {
console.log('吹一吹，心情大爽啊');
当前心情 = 爽;
},
抽烟: function() {
console.log('心情不好的时候，越抽越没劲');
}
};
var 爽 = {
吹牛: function() {
console.log('越吹越爽');
},
抽烟: function() {
console.log('一想起吸烟有害健康，开始不爽起来');
当前心情 = 烦;
}
};
var 当前心情 = 烦;
var 老姚 = {
吹牛: function() {
当前心情["吹牛"]();
},
抽烟: function() {
当前心情["抽烟"]();
}
};
老姚.吹牛(); // 吹一吹，心情大爽啊
老姚.吹牛(); // 越吹越爽
老姚.抽烟(); // 一想起吸烟有害健康，开始不爽起来
老姚.抽烟(); // 心情不好的时候，越抽越没劲
状态模式是封装一个个状态，状态封装所有行为，具体某个行为，由当前的状态来决定。
现在代码量等同了。有看出了一种对偶关系了吗？
策略模式：定义了一系列的算法，并将每一个算法封装起来，而且使它们还可以相互替换。策略模式让算法独立于使用它的客户而独立变化。
状态模式：允许一个对象在其内部状态改变时改变它的行为。对象看起来似乎修改了它的类。
二者定义里，都有“不同”这个词语。
有象斯有对，对必反其为。
策略模式取决于传进来的策略。
状态取决于上一次调用后，当前的状态。
但是，策略模式好理解。也很好应用。宛如一个少年，没啥心思。
状态模式，我觉得就比较屌了。
对于一个复杂的过程，状态模式才能发挥真正实力。
关键你如何去划分状态，构造出状态机。
看来女人不只是半边天那么简单。
对于状态模式的使用，让我想起一个故事。
说是有一位精神病人，跑到屋里，把门从里面反锁。
然后大声对屋外喊着，我要把你们锁进里面，永远都别想出去！！
不知道我有没有说清楚，希望有所帮助。
也欢迎阅读老姚的《JS正则迷你书》。https://github.com/qdlaoyao/js-regex-mini-book
推荐阅读