javascript - JavaScript 的分层状态机

Question

我对分层状态机非常感兴趣，尤其是在 JavaScript 中，我发现了这个框架并且喜欢它的外观。但是我不确定它是否可以执行分层操作。

有人知道层次状态机的解决方案吗？

Answer 1

如果您想要类似本文中描述的模式，看起来您链接的框架可以做到这一点：

状态机类

您还可以通过将状态机功能应用于原型（包括原型中的回调）并将类的所有实例转换为 FSM，并在构造实例时提供启动事件：

MyFSM = function() {    // my constructor function
  this.startup();
};

MyFSM.prototype = {

  onpanic: function(event, from, to) { alert('panic');        },
  onclear: function(event, from, to) { alert('all is clear'); },

  // my other prototype methods

};

StateMachine.create({
  target: MyFSM.prototype,
  events: [
    { name: 'startup', from: 'none',   to: 'green'  },
    { name: 'warn',    from: 'green',  to: 'yellow' },
    { name: 'panic',   from: 'yellow', to: 'red'    },
    { name: 'calm',    from: 'red',    to: 'yellow' },
    { name: 'clear',   from: 'yellow', to: 'green'  }
  ]});

这应该很容易调整以适合您的对象构造的适当机制。

换句话说，此时您应该能够执行通常的 JavaScript 继承操作，例如：

function MyCalmFSM() {
    MyFSM.apply(this, arguments);
}

MyCalmFSM.prototype = Object.create(MyFSM.prototype);
MyCalmFSM.prototype.constructor = MyCalmFSM;

// Don't panic
MyCalmFSM.prototype.onpanic = function(event, from, to) { alert("Don't panic"); }
  

Answer 2

看看：https ://github.com/steelbreeze/state.js

它以与 UML 2.x 规范紧密对齐的方式支持交替状态（状态、伪状态和最终状态）和区域的层次结构。现在是该项目的早期阶段，但基础知识已经存在。

Answer 3

我知道这是一个老问题，但你可以看看基于 jQuery 的 iFSM 库，它可以设计 HSM：https ://github.com/intersel/iFSM