JavaScript Event-State Machine

Question

Weiß jemand von irgendwelchen Javascript-Implementierungen einer Zustandsmaschine? Mein Ziel ist es, eine State-Machine-Implementierung einzurichten, die Ereignisse an Zustandsübergänge bindet. Wenn also ein Benutzer auf eine Schaltfläche klickt, wird der Status geändert, und dieser Status definiert möglicherweise bestimmte Werte in Objekten, die beispielsweise geändert werden sollen.

Ich will das einfach eine Zustandsmaschine sein, weil es eine Regeln JSON-Datei sein, die diktieren können, was Änderung verschiedenen Objekte Werte, wenn bestimmte Ereignisse genannt werden. Da dies innerhalb der Datei strukturiert sein wird, denke ich, dass es leicht wäre, diese Informationen in ein Zustandsautomatenobjekt zu parsen.

Answer 1

Es gibt zwei Hauptbibliotheken für einen endlichen Automaten in js:

1/https://github.com/ifandelse/machina.js Sehr gut dokumentiert, Beispiele, unterstützt zwei JavaScript Message-Bus-Anbieter aus der Box: postal.js und amplify.js.

2/https://github.com/jakesgordon/javascript-state-machine einfacher und einfacher zu bedienen, perfekt für "grundlegende" Anwendungen.

Answer 2

Werfen Sie einen Blick auf https://github.com/steelbreeze/state.js - es unterstützt einen Großteil der State Machine-Semantik wie in der UML 2-Spezifikation beschrieben, während sie noch leistungsfähig ist. Es gibt noch nicht viel Dokumentation, aber die Beispiele und Tests sollten eine gute Referenz sein.

Answer 3

Mein Pick auf diesem mit der js-FSM Mikro Bibliothek.

Eigenschaften

• Staat basierend FSM Beschreibung. Ein Zustand bestehend aus a und einer Reihe von Zustandsübergängen.
• Übergang von Ereignissen. Mehrere Ereignisse definieren ODER-Ereignisse.
• Übergang von den Bedingungen. Eine Bedingung ist ein Schlüssel: ein Wertpaar, das auf das Bedingungsobjekt passen soll. Mehrere Schlüssel, Wertpaare definierten UND-Bedingungen. Mehrere Bedingungen definieren ORed Bedingungen
• Jeder Übergang gegebenenfalls Aktionen oder mehrere Aktionen aufrufen können. Aktionen können optional Argumente haben oder Mitglieder davon sein.
• Die Statusmaschine kann mit einem vorhandenen Objekt oder dem Prototyp eines Konstruktors (als Mixin) gemischt werden. Eine Methode hierfür wird bereitgestellt.
• Der Statusrechner kann optional protokollieren, wenn eine Protokollmethode auf diesem System vorhanden ist oder bereitgestellt wird.
• AMD und Node-Module unterstützt.
• Unit-Tests mit QUnit.

js-fsm github page.

Answer 4

Sie werden Bibliothek jQuery entwickelt finden, das zu tun scheint, was Sie suchen und die Bindung automatisch die Ereignisse für Sie:

• https://github.com/lucaong/jquery-machine (siehe Beispiel https://github.com/lucaong/jquery-machine/blob/master/examples/onoff.html)
• https://github.com/intersel/iFSM (siehe Beispiel https://github.com/intersel/iFSM/blob/master/Examples/Example_1.html)

Answer 5

Etwas Werbung für meine Zustandsmaschine: stateflow Ich habe gerade meine eigene Zustandsmaschine erstellt, weil ich keine gefunden habe, die einfach genug für mich war.

ein Ablauf wird mit einem js-Objekt definiert, wobei die Eigenschaft der Name des Status ist und der Wert ein anderes js-Objekt mit folgenden Eigenschaften ist.

• Typ: Anfang, Ende oder Status (Standard).
• action: function mit einem State-Instanzobjekt, das auf diesen Wert gesetzt wird, kann auch als zuvor registrierte Action oder eine andere Flow-Definition bezeichnet werden. In diesem Fall handelt es sich um einen Subflow.
• auf: Eigenschaft ist der nächste Zustand zu goto

Einfaches Beispiel

var stateflow = require('stateflow'); 
var flow = new stateflow.StateFlow({ 
    a: { 
     type:'begin', 
     action: function(complete) { 
      // do something 
      complete('done');  
     }, 
     on: { 
      done:'b', 
      again:'a' 
     } 
    }, 
    b: { 
     type:'end', 
     action: function(complete) { 
      complete('finished'); 
     } 
    } 
}); 
flow.start(function(event) { 
    console.log('flow result:', event); 
}); 

es Ereignis und Wert gelegt werden, prüfen Sie auf git https://github.com/philipdev/stateflow oder über npm

Answer 6

Sie können feststellen, diese Bibliothek der Nutzung:

https://www.npmjs.com/package/mistic

Haftungsausschluss: Ich behalte es.

Answer 7

ich vor kurzem eine Zustandsmaschine Umsetzung in JS gebaut, die sicherlich die am einfachsten zu konfigurieren, dank seines Übergang DSL:

transitions: [ 
    'next : intro > form > finish', 
    'back : intro < form   < error', 
    'error :   form >   error', 
    'restart : intro  < finish' 
] 

Es ist wirklich flexibel sowohl in der Konfiguration und Event-Handler-Zuordnung, können Sie hinzufügen und entfernen Staaten zur Laufzeit, Pause und Übergänge wieder aufzunehmen, in eine Tonne Ereignisse Haken, mit Helfern für jQuery und reaktiven Frameworks wie Vue:

Dokumente und eine ganze Reihe von dER os hier:

• http://statemachine.davestewart.io