Hvordan man bygger pålidelige objekter med fabriksfunktioner i JavaScript

Discover Functional JavaScript blev udnævnt til en af ​​de bedste nye funktionelle programmeringsbøger af BookAuthority !

Jeg foreslår at tage disse ideer til at bygge pålidelige objekter i JavaScript i betragtning:

  • Opdel objekter i to: dataobjekter og opførselsobjekter
  • Gør dataobjekter uforanderlige
  • Udsæt adfærd og skjul data i adfærdsobjekter
  • Byg testbare opførselsobjekter

Data vs adfærd objekter

I det væsentlige er der to slags objekter i en applikation:

  • Dataobjekter - udsæt data
  • Adfærdsobjekter - udsæt adfærd og skjul data

Dataobjekter

Dataobjekter udsætter data. De bruges til at strukturere og overføre data inde i applikationen.

Lad os tage sagen om en opgaveliste-applikation.

Sådan kan opgavedataobjektet, der er hentet fra serveren, se ud:

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

Og sådan kan et dataobjekt, der bruges til at vise information i visningen, se ud:

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

Som du kan se, indeholder begge objekter kun data. Der er en lille forskel mellem dem: dataobjektet til visningen har i userNamestedet for userId.

Dataobjekter er almindelige objekter, som regel bygget med objektlitteratur.

Opførselsobjekter

Adfærdsobjekter udsætter metoder og skjuler data.

Adfærdsobjekter virker på dataobjekter. De kan tage dataobjekter som input eller returnere dataobjekter.

Jeg tager sagen om TodoStoregenstanden. Objektets ansvar er at gemme og administrere listen over opgaver. Det gør synkroniseringen med serveren ved hjælp af dataServiceobjektet.

Læs Funktionel Arkitektur med React og Redux, og lær hvordan man bygger apps i funktionstil.

Discover Functional JavaScript blev udnævnt til et afbedste nye funktionelle programmeringsbøger fra BookAuthority !

For mere om anvendelse af funktionelle programmeringsteknikker i React, se på Functional React .

Du kan finde mig på Medium og Twitter.