So erstellen Sie zuverlässige Objekte mit Factory-Funktionen in JavaScript

Discover Functional JavaScript wurde von BookAuthority als eines der besten neuen funktionalen Programmierbücher ausgezeichnet !

Ich schlage vor, diese Ideen für die Erstellung zuverlässiger Objekte in JavaScript zu berücksichtigen:

  • Teilen Sie Objekte in zwei Teile: Datenobjekte und Verhaltensobjekte
  • Machen Sie die Datenobjekte unveränderlich
  • Verhalten verfügbar machen und Daten in Verhaltensobjekten ausblenden
  • Erstellen Sie testbare Verhaltensobjekte

Daten gegen Verhaltensobjekte

Im Wesentlichen gibt es zwei Arten von Objekten in einer Anwendung:

  • Datenobjekte - Daten verfügbar machen
  • Verhaltensobjekte - Verhalten aufdecken und Daten ausblenden

Datenobjekte

Datenobjekte machen Daten verfügbar. Sie werden verwendet, um Daten innerhalb der Anwendung zu strukturieren und zu übertragen.

Nehmen wir den Fall einer To-Do-Listenanwendung.

So kann das vom Server abgerufene To-Do-Datenobjekt aussehen:

{ id: 1, title: "This is a title", userId: 10, completed: false }

Und so kann ein Datenobjekt aussehen, mit dem Informationen in der Ansicht angezeigt werden:

{ id: 1, title: "This is a title", userName: "Cristi", completed: false };

Wie Sie sehen können, enthalten beide Objekte nur Daten. Es gibt einen kleinen Unterschied zwischen ihnen: Das Datenobjekt für die Ansicht hat userNameanstelle des userId.

Datenobjekte sind einfache Objekte, die normalerweise mit Objektliteralen erstellt werden.

Verhaltensobjekte

Verhaltensobjekte legen Methoden offen und verbergen Daten.

Verhaltensobjekte wirken auf Datenobjekte. Sie können Datenobjekte als Eingaben verwenden oder Datenobjekte zurückgeben.

Ich werde den Fall des TodoStoreObjekts nehmen. Die Verantwortung des Objekts besteht darin, die Liste der Aufgaben zu speichern und zu verwalten. Es führt die Synchronisation mit dem Server über das dataServiceObjekt durch.

Lesen Sie die Funktionsarchitektur mit React und Redux und erfahren Sie, wie Sie Apps im Funktionsstil erstellen.

Discover Functional JavaScript wurde als einer derbeste neue funktionale Programmierbücher von BookAuthority !

Weitere Informationen zum Anwenden funktionaler Programmiertechniken in React finden Sie unter Functional React .

Sie finden mich auf Medium und Twitter.