Kernpunkte

• ELM ist eine funktionale Programmiersprache, die in JavaScript zusammengestellt ist und sich auf die Vereinfachung und Verbesserung der Front-End-Entwicklung konzentriert. Es verwendet Typinferenz, ist reaktiv und kombiniert funktionelle Programmiermuster wie reine Ansichten, Referenztransparenz und unver?nderliche Daten.
• ELM verwendet Modi wie unver?nderliche Daten, reine Ansichten, die DOM, Einweg-Datenstr?me, zentralisierte Zustands und zentralisierte Datenvariationsbeschreibungen sowie begrenzte Nebenwirkungen beschreiben. Diese Muster erleichtern die Vorhersage, Aufrechterhaltung und robustes Anwendungen.
Die Sicherheitsfunktion von
• ELM vermeidet die M?glichkeit, dass ein Wert leer ist und Entwickler dazu zwingt, alle alternativen Pfade in der Anwendung zu bew?ltigen. Dies bietet viel Vertrauen in die Anwendung und sieht selten Laufzeitfehler in ELM -Anwendungen.
Die Architektur von
• ELM folgt dem MVU-Muster (Modell-View-Update), das sich vom Modell-View-Controller-Muster (MVC) unterscheidet, das in vielen anderen Sprachen verwendet wird. Dieses Muster erleichtert es einfach, Codestrukturen zu erstellen und zu schlie?en, wie Daten durch die Anwendung flie?en.

ELM ist eine funktionale Programmiersprache, die in letzter Zeit betr?chtliche Aufmerksamkeit erregt hat. In diesem Artikel wird untersucht, was es ist und warum Sie darauf achten sollten.

Elm liegt auf der Front-End-Entwicklung einfacher und robuster. ELM kompiliert JavaScript und kann daher zum Erstellen von Anwendungen für jeden modernen Browser verwendet werden.

ELM ist eine statisch typisierte Sprache mit Typinferenz. Typ -Inferenz bedeutet, dass wir nicht alle Arten selbst deklarieren müssen. Wir k?nnen den Compiler für uns viele Typen schlie?en lassen. Durch das Schreiben von one = 1 wei? der Compiler beispielsweise, dass one eine Ganzzahl ist.

Elm ist eine fast rein funktionelle Programmiersprache. ELM basiert auf vielen Funktionsmustern wie reinen Ansichten, Referenztransparenz, unver?nderlichen Daten und kontrollierten Nebenwirkungen. Es ist eng mit anderen ML -Sprachen wie Haskell und Ocaml verwandt.

Elm ist reaktiv. Alles in Elm flie?t durch Signale. Die Signale in ULM übergeben Nachrichten im Laufe der Zeit. Wenn Sie beispielsweise auf eine Schaltfl?che klicken, wird eine Nachricht über ein Signal gesendet.

Sie k?nnen sich Signale als ?hnlich wie bei Ereignissen in JavaScript vorstellen, aber im Gegensatz zu Ereignissen sind Signale erstklassige Bürger in ELM und k?nnen übergeben, verwandelt, gefiltert und kombiniert werden.

ELM -Syntax

ELM -Syntax ?hnelt Haskell, da beide ML -Familiensprachen sind.

greeting : String -> String
greeting name =
  "Hello" ++ name

Dies ist eine Funktion, die eine Zeichenfolge aufnimmt und eine andere Zeichenfolge zurückgibt.

Warum Elm verwenden?

, um zu verstehen, warum Sie Elm folgen sollten, lassen Sie uns in den letzten Jahren einige Front-End-Programmiertrends besprechen:

Beschreiben Sie den Zustand anstelle des übergangs dom

Vor nicht allzu langer Zeit haben wir unsere Anwendung erstellt, indem wir das DOM manuell ge?ndert haben (z. B. mit jQuery). Wenn die Anwendung w?chst, stellen wir mehr Staaten ein. Die Codierung von überg?ngen zwischen allen Zust?nden erh?ht exponentiell die Komplexit?t der Anwendung und macht es schwieriger, dies aufrechtzuerhalten.

, anstatt dies zu tun, haben React und andere Bibliotheken das Konzept der Fokussierung auf die Beschreibung eines bestimmten DOM -Zustands und dann die Bibliotheks -DOM -Transformationen für uns popul?r gemacht. Wir konzentrieren uns nur darauf, diskrete DOM -Zust?nde zu beschreiben, nicht wie wir dorthin gelangen.

Dies führt zu einer signifikanten Verringerung des Code, der geschrieben und gewartet werden muss.

Ereignis- und Datenkonvertierung

In Bezug auf den Anwendungszustand ist es üblich, den Zustand selbst zu ?ndern, z. B. das Hinzufügen von Kommentaren zu einem Array.

Anstatt dies zu tun, müssen wir nur beschreiben, wie der Anwendungszustand basierend auf dem Ereignis ge?ndert werden muss, und lassen Sie dann etwas anderes diese Transformationen für uns anwenden. In JavaScript macht Redux diese Art, Anwendungen zu erstellen.

Der Vorteil davon ist, dass wir "reine" Funktionen schreiben k?nnen, um diese Transformationen zu beschreiben. Diese Funktionen sind einfacher zu verstehen und zu testen. Ein zus?tzlicher Vorteil besteht darin, dass wir steuern k?nnen, wo sich der Anwendungsstatus ?ndert, und erleichtert unsere Anwendung.

Ein weiterer Vorteil besteht darin, dass unsere Ansichten nicht wissen müssen, wie sie den Staat ?ndern sollen, sondern nur wissen, welche Ereignisse zu versenden sind.

Einweg-Datenfluss

Ein weiterer interessanter Trend besteht darin, alle Anwendungsereignisse in Einsicht auf die Weise flie?en zu lassen. Anstatt dass eine Komponente mit einer anderen Komponente kommunizieren kann, senden wir Nachrichten über die zentrale Nachrichtenpipeline. Diese zentrale Pipeline wendet die gewünschten Transformationen an und sendet ?nderungen an allen Teilen der Anwendung. Fluss ist ein Beispiel.

Auf diese Weise k?nnen wir alle Interaktionen, die in der Anwendung auftreten, besser verstehen.

unver?nderliche Daten

variable Daten erschweren es schwierig, den Standort zu ?ndern, da jede Komponente, die Zugriff darauf hat, Inhalte hinzufügen oder l?schen kann. Dies führt zu Unvorhersehbarkeit, da der Staat überall ge?ndert werden kann.

Durch die Verwendung unver?nderlicher Daten k?nnen wir dies vermeiden, indem wir den sich ?ndernden Standort des Anwendungszustands strikt kontrollieren. Wenn wir unver?nderliche Daten mit Funktionen kombinieren, die Transformationen beschreiben, erhalten wir einen sehr leistungsstarken Workflow, und unver?nderliche Daten helfen uns, einen Einwegstrom durchzusetzen, indem wir uns nicht erm?glichen, die Zust?nde an unerwarteten Orten zu ?ndern.

Zentralisierter Zustand

Ein weiterer Trend in der Front-End-Entwicklung besteht darin, zentralisierte "Atome" zu verwenden, um alle Staaten zu retten. Dies bedeutet, dass wir den gesamten Zustand in einen gro?en Baum stecken, anstatt ihn über die Komponenten zu streuen.

In einer typischen Anwendung haben wir normalerweise globale Anwendungszust?nde (z. B. Benutzersammlungen) und komponentenspezifische Zust?nde (z. B. Sichtbarkeitszust?nde bestimmter Komponenten). Es ist umstritten, ob das Speichern beider Staaten an einem Ort von Vorteil ist. Es hat jedoch einen gro?en Vorteil, dass zumindest alle Anwendungszust?nde an einem Ort aufbewahrt werden, das hei?t und in allen Komponenten der Anwendung konsistente Zust?nde bereitstellt.

reine Komponenten

Ein weiterer Trend besteht darin, reine Komponenten zu verwenden. Dies bedeutet, dass die Komponente bei der gleichen Eingabe immer den gleichen Ausgang bringt. In diesen Komponenten treten keine Nebenwirkungen auf.

Dies erleichtert es viel einfacher, unsere Komponenten zu verstehen und zu testen als zuvor, da sie leichter vorherzusagen sind.

Zurück zu Elm

Dies sind ausgezeichnete Modelle, die Anwendungen robuster und einfacher vorherzusagen und aufrechtzuerhalten. Um sie jedoch in JavaScript korrekt zu verwenden, müssen wir vorsichtig sein, um etwas an den falschen Stellen zu vermeiden (z. B. den Zustand in der Komponente ?ndern).

Elm ist eine Programmiersprache, die von Anfang an viele dieser Muster berücksichtigt hat. Es macht die Adoption und Verwendung sehr natürlich, ohne sich Sorgen zu machen, etwas falsch zu machen.

In ELM erstellen wir die Anwendung mit den folgenden Methoden:

• unver?nderliche Daten
• Beschreibung reine Ansicht von Dom
• Einweg-Datenfluss
• Zentralisierter Zustand
• Zentralisierte Datenmutation Beschreibung Position
• eingeschr?nkte Nebenwirkungen

Sicherheit

Einer der gro?en Vorteile des ELM ist die Sicherheit, die sie bietet. Indem wir die M?glichkeit eines Werts, der null ist, vollst?ndig vermeiden, zwingt er uns, alle alternativen Wege in der Anwendung zu verarbeiten.

Zum Beispiel k?nnen Sie in JavaScript (und vielen anderen Sprachen) einen Laufzeitfehler erhalten, indem Sie Folgendes durchführen:

greeting : String -> String
greeting name =
  "Hello" ++ name

Dies gibt NAN in JavaScript zurück, mit dem Sie sich befassen müssen, um Laufzeitfehler zu vermeiden.

Wenn Sie in ELM etwas ?hnliches versuchen:

var list = []
list[1] * 2

Der Compiler lehnt dies ab und sagt Ihnen, dass List.head list den Typ m?glicherweise zurückgibt. Der Typ kann m?glicherweise Werte enthalten oder nicht, und wir müssen mit F?llen umgehen, in denen der Wert nichts ist.

list = []
(List.head list) * 2

Dies bietet viel Vertrauen für unsere Bewerbung. Laufzeitfehler sind in ELM -Anwendungen selten zu sehen.

(Die folgenden Teile ?hneln dem Originaltext. Nehmen Sie eine kleine Anpassung vor, um die Duplikation zu vermeiden)

(Beispielanwendung, gehen wir Stück für Stück usw., da der Artikel hier weggelassen wird. Der Originaltext hat die Codefunktion vollst?ndig beschrieben und wird hier nicht wiederholt.)

Schlussfolgerung

Elm ist eine aufregende Programmiersprache, die ein hervorragendes Modell zum Aufbau zuverl?ssiger Anwendungen erfordert. Es verfügt über eine saubere Syntax und verfügt über viele Sicherheitsfunktionen, um Laufzeitfehler zu vermeiden. Es verfügt auch über ein ausgezeichnetes statisches System, das w?hrend des Wiederaufbauprozesses sehr hilfreich ist und da es Typ -Inferenz verwendet, behindert es die Entwicklung nicht.

Lernen, wie die Lernkurve für eine ELM -Anwendung erstellt wird, ist nicht einfach, da sich Anwendungen, die mit Funktionsreaktiv programmiert sind, anders sind als das, an das wir gewohnt sind, aber es lohnt sich.

(Zus?tzliche Ressourcen, h?ufig gestellte Fragen, Teil, aufgrund der L?nge des Artikels wird hier weggelassen. Der ursprüngliche Text hat die relevanten Informationen vollst?ndig beschrieben und wird hier nicht wiederholt.)

Das obige ist der detaillierte Inhalt vonFunktionelle reaktive Programmierung mit ELM: Eine Einführung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!