JavaScript Design Patterns lernen, 2. Auflage

Kapitel 8. JavaScript MV*-Muster

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: [e-mail]

Objektdesign und Anwendungsarchitektur sind die beiden wichtigsten Aspekte des Anwendungsdesigns. Im vorigen Kapitel haben wir Muster behandelt, die sich auf den ersten Aspekt beziehen. In diesem Kapitel werden wir drei grundlegende Architekturmuster besprechen: MVC (Model-View-Controller), MVP (Model-View-Presenter) und MVVM (Model-View-ViewModel). In der Vergangenheit wurden diese Muster häufig für die Strukturierung von Desktop- und serverseitigen Anwendungen verwendet. Jetzt sind sie auch für JavaScript angepasst worden.

Da die meisten JavaScript-Entwickler, die diese Muster verwenden, verschiedene Bibliotheken oder Frameworks nutzen, um eine MVC/MV*-ähnliche Struktur zu implementieren, werden wir vergleichen, wie sich diese Lösungen in ihrer Interpretation von MVC im Vergleich zu den klassischen Ansätzen dieser Muster unterscheiden.

Hinweis

In den meisten modernen browserbasierten UI-Design-Frameworks, die auf MVC/MVVM basieren, kannst du die Model- und View-Schichten leicht unterscheiden. Die dritte Komponente unterscheidet sich jedoch sowohl im Namen als auch in der Funktion. Das * in MV* steht daher für die Form, die die dritte Komponente in den verschiedenen Frameworks annimmt.

MVC

MVC ist ein architektonisches Entwurfsmuster, das eine bessere Organisation der Anwendung durch die Trennung von Anliegen ...