javascript与有限状态机详解.docxVIP

有限状态机(Finite-state machine)是一个非常有用的模型，可以模拟世界上大部分事 物,下面是使用示例 简单说，它有三个特征： 代码如下： *状态总数(state)是有限的。 *任一时刻，只处在一种状态之中。 *某种条件下，会从一种状态转变(transition )到另一种状态。 它对JavaScript的意义在于，很多对象可以写成有限状态机。 举例来说，网页上有一个菜单元素。鼠标悬停的时候，菜单显示；鼠标移开的时候，菜 单隐藏。如果使用有限状态机描述，就是这个菜单只有两种状态(显示和隐藏) ，鼠标会引该文档为文档投稿赚钱网作品，版权所有，违责必纠 发状态转变。 代码可以写成下面这样： 代码如下： var menu = { //当前状态 curre ntState: 'hide', //绑定事件 in itialize: function。{ var self = this; self.o n("hover", self.tra nsiti on); }, //状态转换 tran siti on: function( eve nt){ switch(this.curre ntState) { case "hide": this.curre ntState = 'show'; doSomethi ng(); break; case "show": this.curre ntState = 'hide'; doSomethi ng(); break; default: con sole.log('I nvalid State!'); break; } } }; 可以看到，有限状态机的写法，逻辑清晰，表达力强，有利于封装事件。一个对象的状 态越多、发生的事件越多，就越适合采用有限状态机的写法。该文档为文档投稿赚钱网作品，版权所有，违责必纠 另外，JavaScript语言是一种异步操作特别多的语言， 常用的解决方法是指定回调函数，该文档为文档投稿赚钱网作品，版权所有，违责必纠 但这样会造成代码结构混乱、 难以测试和除错等问题。 有限状态机提供了更好的办法： 把异该文档为文档投稿赚钱网作品，版权所有，违责必纠 步操作与对象的状态改变挂钩， 当异步操作结束的时候，发生相应的状态改变，由此再触发该文档为文档投稿赚钱网作品，版权所有，违责必纠 其他操作。这要比回调函数、事件监听、发布 /订阅等解决方案，在逻辑上更合理，更易于该文档为文档投稿赚钱网作品，版权所有，违责必纠 降低代码的复杂度。 下面介绍一个有限状态机的函数库 Javascript Finite State Machine。这个库非常好懂， 可该文档为文档投稿赚钱网作品，版权所有，违责必纠 以帮助我们加深理解，而且功能一点都不弱。 该库提供一个全局对象 StateMach ine,使用该对象的create方法，可以生成有限状态机该文档为文档投稿赚钱网作品，版权所有，违责必纠 的实例。 复制代码代码如下： var fsm = StateMachi ne.create(); 生成的时候，需要提供一个参数对象，用来描述实例的性质。比如，交通信号灯(红绿 灯)可以这样描述：该文档为文档投稿赚钱网作品，版权所有，违责必纠 代码如下： var fsm = StateMachi ne.create({ in itial: 'gree n', eve nts:[ { n ame: 'war n', &n bsp; from: 'gree n',&n bsp; to: 'yellow' },该文档为文档投稿赚钱网作品，版权所有，违责必纠 { n ame: 'stop', from: 'yellow', to: 'red' },该文档为文档投稿赚钱网作品，版权所有，违责必纠 { n ame: 'ready', &n bsp; from: 'red', &n bsp;&n bsp;&n bsp; to: 'yellow' },该文档为文档投稿赚钱网作品，版权所有，违责必纠 { n ame: 'go', from: 'yellow', to: 'gree n' }该文档为文档投稿赚钱网作品，版权所有，违责必纠 ] }); 交通信号灯的初始状态(initial )为green，events属性是触发状态改变的各种事件，比该文档为文档投稿赚钱网作品，版权所有，违责必纠 如warn事件使得green状态变成yellow状态，stop事件使得yellow状态变成red状态等等。 生成实例以后，就可以随时查询当前状态。该文档为文档投稿赚钱网作品，版权所有，违责必纠 代码如下： fsm.current :返回当前状态。 fsm.is(s):返回一个布尔值，表示状态 s是否为当前状态。 fsm.can