javascript - 状态模式 - 简化分支判断流程
状态模式笔记
当一个对象的内部状态发生改变时,会导致行为的改变,这像是改变了对象
状态模式既是解决程序中臃肿的分支判断语句问题,将每个分支转化为一种状态独立出来,方便每种状态的管理又不至于每次执行时遍历所有分支
主要目的:将条件判断的不同结果转化为状态对象的内部状态,既然是状态对象的内部状态,所以作为状态对象内部的私有变量,然后提供一个能够调用状态对象内部状态的接口方法对象。
最终目的:简化分支判断流程
当有许多判断时,如果用if或者switch条件判断语句来写,是很难维护的,因为增加或删除一个条件需要改动的地方太多了
其次组合条件用if或switch分支判断实现,无形中增加的成本是无法想象的。
状态类
1 //状态类 2 var State = function(){ 3 var _currentState = {}, 4 states = { 5 one : function(){ 6 console.log("状态one"); 7 }, 8 two : function(){ 9 console.log("状态two"); 10 }, 11 three : function(){ 12 console.log("状态three"); 13 }, 14 four : function(){ 15 console.log("状态four"); 16 }, 17 five : function(){ 18 console.log("状态five"); 19 } 20 }; 21 //控制类 22 var Action = { 23 changeState : function(){ 24 //组合动作由多个参数实现 25 var arg = arguments; 26 //重置内部状态 27 _currentState = {}; 28 if(arg.length){ 29 for(var i=0, len = arg.length; i < len; i++){ 30 //从内部状态添加动作 31 _currentState[arg[i]] = true; 32 } 33 } 34 return this; 35 }, 36 goes : function(){ 37 //遍历内部状态保存的动作 38 for(var i in _currentState){ 39 //如果该动作就执行 40 states[i] && states[i](); 41 } 42 return this; 43 } 44 } 45 return { 46 change : Action.changeState, 47 goes : Action.goes 48 } 49 }
两种方式执行这个状态类
1. 函数方式
1 State().change('one','three').goes().goes().change('two').goes();
2. 实例化类
1 var state = new State(); 2 state.change('one','three').goes().goes().change('two').goes();
控制台显示