大熊君说说JS与设计模式之——状态模式State – 大熊君{{bb}}

一,总体概要

1,笔者浅谈

状态模式,又称状态对象模式(Pattern of Objects for States),状态模式是对象的行为模式。

状态模式主要解决的是当控制一个对象状态的条件表达式过于复杂时的情况。把状态的判断逻辑转移到表示不同状态的一系列类中,可以把复杂的判断逻辑简化。 看一个例子:

1 var TrafficLight = function () {
2 var count = 0;
3 var currentState = new Red(this);
4
5 this.change = function (state) {
6 // limits number of changes
7 if (count++ >= 10) return;
8 currentState = state;
9 currentState.go();
10 };
11
12 this.start = function () {
13 currentState.go();
14 };
15 }
16 var Red = function (light) {
17 this.light = light;
18
19 this.go = function () {
20 log.add(“Red –> for 1 minute”);
21 light.change(new Green(light));
22 }
23 };
24 var Yellow = function (light) {
25 this.light = light;
26
27 this.go = function () {
28 log.add(“Yellow –> for 10 seconds”);
29 light.change(new Red(light));
30 }
31 };
32 var Green = function (light) {
33 this.light = light;
34
35 this.go = function () {
36 log.add(“Green –> for 1 minute”);
37 light.change(new Yellow(light));
38 }
39 };
40 var log = (function () {
41 var log = “”;
42
43 return {
44 add: function (msg) { log += msg + “n”; },
45 show: function () { alert(log); log = “”; }
46 }
47 })();
48
49 function run() {
50 var light = new TrafficLight();
51 light.start();
52
53 log.show();
54 }

在示例代码中分为三种状态:红色,黄色,绿色

我们的例子是一个交通灯(即信号灯对象)有3种不同的状态:红色,黄色和绿色,各有自己的一套规则。规则是这样的:交通灯是红色的。延迟红状态变为绿色状态后。然后,一段时间后,绿色的状态更改为黄色的状态。

一个非常短暂的延迟黄色状态变为红色后,等等。

需要注意的是,它是对象状态决定下一个状态过渡的重要。这也是对象状态变化,交通灯的当前状态——没有交通灯本身。

出于演示的目的,一个内置的计数器记录状态发生变化的数量,否则程序会运行下去。日志功能是一个帮助它收集并显示结果。

 

二,源码案例参考

 

采用让状态对象来维护和转换状态的调用顺序

1)调用上下文的方法来处理业务请求。

2)获取State对象。

3)委托让相应的状态对象去处理。

4)调用方法得到下一个状态方法。

5)设置下一个状态方法。

6)再到5),直到结束。

 

三,案例引入

再次强调一下状态模式的意图

Context: 环境,也称上下文,通常用来定义客户感兴趣的接口,同时维护一个具体处理当前状态的实例对象。

State:状态接口,用来封装与上下文的一个特定状态所对应的行为。

ConcreteState: 具体实现状态处理的类,每个类实现一个跟上下文相关的状态的具体处理。

 

例子场景:

 

模拟工作流中的请假流程,流程是这样的:

 

当某人提出请假申请,先由项目经理审批,

 

如果项目经理不同意,审批就直接结束;

 

如果项目经理同意了,再看请假的天数是否超过3天,项目经理的审批权限只有3天以内,

 

如果请假天数在3天以内,那么审批也直接结束,

 

否则就提交给部门经理,部门经理审核过后,无论是否同意,审批都直接结束。

 

 

1 (function () {
2 // 模拟工作流
3
4 // 定义请假单的业务数据模型
5 function LeaveRequestModel() {
6 // 请假人
7 this.user = ”;
8 // 请假开始时间
9 this.beginDate = ”;
10 // 请假天数
11 this.leaveDays = ”;
12 // 审核结果
13 this.result = ”;
14 }
15
16 /*
17 请假流程,需项目经理和部门经理审批
18 */
19
20 function LeaveRequestContext2() {
21 this.state = null;
22 // 包含流程处理需要的业务数据对象
23 this.businessVO = null;
24 this.doWork = function () {
25 if (typeof this.state == ‘function’) {
26 this.state = this.state(this);
27 this.doWork();
28 }
29 };
30 }
31
32 function projectManagerState(request) {
33 var leaveRequestModel = request.businessVO;
34
35 console.log(‘项目经理审核中,请稍候。。’);
36 console.log(leaveRequestModel.user + ‘申请从’
37 + leaveRequestModel.beginDate + ‘开始请假’
38 + leaveRequestModel.leaveDays + ‘天,请项目经理审核(1为同意,2为不同意)’);
39
40 var answer = window.prompt(‘1为同意,2为不同意’);
41 var result = answer == 1 ? ‘同意’ : ‘不同意’;
42 leaveRequestModel.result = ‘项目经理审核结果:’ + result;
43
44 var state;
45 if (answer == 1) {
46 if (leaveRequestModel.leaveDays > 3) {
47 state = depManagerState;
48 } else {
49 state = auditOverState;
50 }
51 } else {
52 state = auditOverState;
53 }
54
55 return state;
56 }
57
58 function depManagerState(request) {
59 var leaveRequestModel = request.businessVO;
60
61 console.log(‘部门经理审核中,请稍候。。’);
62 console.log(leaveRequestModel.user + ‘申请从’
63 + leaveRequestModel.beginDate + ‘开始请假’
64 + leaveRequestModel.leaveDays + ‘天,请项目经理审核(1为同意,2为不同意)’);
65
66 var answer = window.prompt(‘1为同意,2为不同意’);
67 var result = answer == 1 ? ‘同意’ : ‘不同意’;
68 leaveRequestModel.result = ‘部门经理审核结果:’ + result;
69
70 return auditOverState;
71 }
72
73 function auditOverState(request) {
74 var leaveRequestModel = request.businessVO;
75 // do sth
76 console.log(leaveRequestModel.user + ‘,你的请假申请已经审核结束,结果是:’ + leaveRequestModel.result);
77 }
78
79 var lrm = new LeaveRequestModel();
80 lrm.user = ‘小林’;
81 lrm.beginDate = ‘2014-4-2’;
82 lrm.leaveDays = 5;
83
84 var request = new LeaveRequestContext2();
85 request.businessVO = lrm;
86 request.state = projectManagerState;
87
88 request.doWork();
89
90 }());

 

 

四,总结一下

认识状态模式

  使用场景

 

  State模式在实际使用中比较多,适合”状态的切换”。因为我们经常会使用If else if else 进行状态切换,如果针对状态的这样判断切换反复出现,我们就要联想到是否可以采取State模式了。

  不只是根据状态,也有根据属性。如果某个对象的属性不同,对象的行为就不一样,这点在Database系统中出现频率比较高,我们经常会在一个数据表的尾部,加上property属性含义的字段,

  用以标识记录中一些特殊性质的记录,这种属性的改变(切换)又是随时可能发生的,就有可能要使用State。

 

 

  状态和行为

  所谓对象的状态,通常指的就是对象实例的属性的值;而行为指的就是对象的功能,再具体点说,行为大多可以对应到方法上。

  状态模式的功能就是分离状态的行为,通过维护状态的变化,来调用不同状态对应的不同功能。也就是说,状态和行为是相关联的,它们的关系可以描述为:状态决定行为

  由于状态是在运行期被改变的,因此行为也会在运行期根据状态的改变而改变。

  行为的平行性

  注意平行线而不是平等性。所谓平行性指的是各个状态的行为所处的层次是一样的,相互独立的、没有关联的,是根据不同的状态来决定到底走平行线的哪一条。

  行为是不同的,当然对应的实现也是不同的,相互之间是不可替换的。

  环境和状态处理对象

  在状态模式中,环境(Context)是持有状态的对象,但是环境(Context)自身并不处理跟状态相关的行为,而是把处理状态的功能委托给了状态对应的状态处理类来处理。

  在具体的状态处理类中经常需要获取环境(Context)自身的数据,甚至在必要的时候会回调环境(Context)的方法,因此,通常将环境(Context)自身当作一个参数传递给具体的状态处理类。

  客户端一般只和环境(Context)交互。客户端可以用状态对象来配置一个环境(Context),一旦配置完毕,就不再需要和状态对象打交道了。客户端通常不负责运行期间状态的维护,也不负责决定后续到底使用哪一个具体的状态处理对象。

  

 

 

                                           哈哈哈,本篇结束,未完待续,希望和大家多多交流够沟通,共同进步。。。。。。呼呼呼……(*^__^*)            

 

本文链接:大熊君说说JS与设计模式之——状态模式State,转载请注明。



You must enable javascript to see captcha here!

Copyright © All Rights Reserved · Green Hope Theme by Sivan & schiy · Proudly powered by WordPress

无觅相关文章插件,快速提升流量