javascript状态机及在工作流中的应用

#javascript状态机及在工作流中的应用

##状态机
什么叫状态机（Finite State Machine），书面上的解释可以自己借助搜索引擎寻找到。通俗地来讲是一个状态定义、查找、切换和事件派发等一系列的代码的集合。与之对应的设计模式叫状态机模式，常用于游戏编程，而在工作流的应用中也会用到。

在工作流中，我们经常会有一系列的步骤：步骤1、步骤2、步骤3、步骤4。我们首先需要定义出这些步骤，再定义这些步骤切换的条件，在客户端的话，一般是某些条件验证通过，可以是字段，也可以是一些接口，还有就是前一个步骤的完成情况。

##工作流
我们要完成一项较复杂的工作，通常需要多个步骤，而且这些步骤也会有先决条件与流向控制，这种实际业务就是工作流。

##小应用
比如我们要进行一个报销的审批，有几个步骤：开始，职工提交报销、项目经理审核，总监审核，财务审批，补充资料。

业务是：**流程是按照顺序走的，在财务未审批之前，可以补充资料，只是补充了资料就要从新从项目经理开始审批。**

我们在传统的代码中，如果要把上述的状态都写在一起，肯定要有很多的if else条件判断。这时候就可以利用状态机把这些内容抽象出来，形成分离度高，复用性好，易懂的代码。

在google中搜索 `javascript finite state machine`，第一个结果是在github上的代码，我拿来做示范了，详情点击[demo](http://gh.p2227.com/demo/fsm/)查看吧，还是用代码好说话。

![简单状态机demo](//images0.cnblogs.com/blog/84053/201408/232349419241810.jpg)


##后记
* 当然我们要做的事情不可能是一个纯前端就能完成的，前端只是保证用户在正常使用软件的情况下有正确的输入。
* 状态机在使用过程中会有很多复杂的情况，这就要看封装代码的强大性了，比如上述状态机就不支持子状态。

javascript状态机及在工作流中的应用

状态机

什么叫状态机（Finite State Machine），书面上的解释可以自己借助搜索引擎寻找到。通俗地来讲是一个状态定义、查找、切换和事件派发等一系列的代码的集合。与之对应的设计模式叫状态机模式，常用于游戏编程，而在工作流的应用中也会用到。

在工作流中，我们经常会有一系列的步骤：步骤1、步骤2、步骤3、步骤4。我们首先需要定义出这些步骤，再定义这些步骤切换的条件，在客户端的话，一般是某些条件验证通过，可以是字段，也可以是一些接口，还有就是前一个步骤的完成情况。

工作流

我们要完成一项较复杂的工作，通常需要多个步骤，而且这些步骤也会有先决条件与流向控制，这种实际业务就是工作流。

小应用

比如我们要进行一个报销的审批，有几个步骤：开始，职工提交报销、项目经理审核，总监审核，财务审批，补充资料。

业务是：流程是按照顺序走的，在财务未审批之前，可以补充资料，只是补充了资料就要从新从项目经理开始审批。

我们在传统的代码中，如果要把上述的状态都写在一起，肯定要有很多的if else条件判断。这时候就可以利用状态机把这些内容抽象出来，形成分离度高，复用性好，易懂的代码。

在google中搜索 javascript finite state machine，第一个结果是在github上的代码，我拿来做示范了，详情点击demo查看吧，还是用代码好说话。

后记

• 当然我们要做的事情不可能是一个纯前端就能完成的，前端只是保证用户在正常使用软件的情况下有正确的输入。
• 状态机在使用过程中会有很多复杂的情况，这就要看封装代码的强大性了，比如上述状态机就不支持子状态。