Nachdem ich den Artikel Javascript classes: state management geschrieben hatte , bekam ich viel Input von Nige White (Kudos!) Und ging zurück zum Zeichenbrett. Das Konzept der Verwendung einer afterSetQueue funktionierte hervorragend für Eigenschafts-Querabhängigkeiten innerhalb von afterSetX-Methoden, konnte jedoch nicht innerhalb von beforeSetX-Methoden funktionieren.

Was will die neue Version erreichen?

Das Ausführen dieses Tests sollte zu folgenden Ergebnissen führen:

Wie Sie sehen können, verwendet beforeSetA this.b und beforeSetB this.a. Eine der gemeinsten möglichen x-Abhängigkeiten.

instance.set ({a: 3, b: 4}) wird es jedoch korrekt behandeln.

Kann ich diesen Test online durchführen?

Ja, hier: https://neomjs.github.io/pages/node_modules/neo.mjs/test/siesta/index.html#tests/ClassSystem.mjs

Erfordert dieses Konzept die Verwendung des neo.mjs-Frameworks?

Nein. Sie können das JS-Klassensystem auf dieselbe oder eine ähnliche Weise manuell erweitern. Falls Sie sich das neo.mjs-Framework jedoch noch nicht genauer angesehen haben, kann ich Ihnen dringend empfehlen, dies zu tun. Sie erhalten sofort Multithreading (die von Ihnen erstellten Apps sowie die meisten Teile des Frameworks werden in einem Web-Worker ausgeführt), und der JSON-basierte virtuelle Dom bietet viele Vorteile (sauberer und einfacher Code, Leistung usw.). Hier ist der Link:

Reden wir über Code!

Wenn Sie ein Klassenkonfigurationssystem manuell einrichten möchten, hilft die ApplyClassConfig () -Logik: https://github.com/neomjs/neo/blob/dev/src/Neo.mjs#L48

Die wichtigsten Änderungen gegenüber meinem vorherigen Artikel sind in autoGenerateGetSet () enthalten:

https://github.com/neomjs/neo/blob/dev/src/Neo.mjs#L545

Randnotiz: Neo speichert jetzt die Getter / Setter in einem Cache, sodass die Logik keinen Overhead mehr erzeugt, wenn mehrere Klassen dieselben Konfigurationsnamen haben.

core.Base verwendet jetzt ein Konfigurationssymbolobjekt, in dem die neuen Werte zum anfänglichen Festlegen der Konfigurationswerte sowie für Massenkonfigurationsaktualisierungen mit set () gespeichert werden:

https://github.com/neomjs/neo/blob/dev/src/core/Base.mjs#L266

Sie möchten sich auch processConfigs () ansehen, das auch von initConfig () => constructor () verwendet wird.

Der Trick dabei ist, dass processConfigs () nur den ersten Schlüssel des neuen Konfigurationsobjekts (im Instanzsymbol gespeichert) verwendet und sich dann rekursiv aufruft. Der Grund dafür ist, dass beim Parsen eines neuen Schlüssels die beforeSet- oder afterSet-Methoden dieses Schlüssels auf andere Konfigurationen zugreifen können, für die Sie die neuen Werte sofort abrufen möchten, wodurch auch diese Konfigurationen entfernt werden können ) aus dem neuen Konfigurationssymbol.

Feedback erwünscht!

Ich weiß, dass dies eine ziemlich fortgeschrittene JS-Codierung ist, aber ich hoffe, Sie können die Konzepte erhalten. Fühlen Sie sich frei, die Testklasse zu ändern / zu erweitern und Fragen zu stellen!

Viele Grüße und viel Spaß beim Codieren,
Tobias