Vertiefendes Verständnis der JavaScript-Reihe (30): Detaillierte Erläuterung des Erscheinungsmusters von Entwurfsmustern_Grundkenntnisse

Einführung

Facade bietet eine konsistente Schnittstelle für eine Reihe von Schnittstellen in einem Subsystem. Dieses Modul definiert eine High-Level-Schnittstelle, die die Verwendung dieses Subsystems erleichtert.

Text

Das Erscheinungsmuster vereinfacht nicht nur die Schnittstelle in der Klasse, sondern entkoppelt auch die Schnittstelle vom Aufrufer. Das Fassadenmuster wird oft als ein Muss für Entwickler angesehen. Es kann einige komplexe Vorgänge kapseln und eine einfache Schnittstelle zum Aufrufen erstellen.

Der Darstellungsmodus wird häufig in JavaScript-Klassenbibliotheken verwendet. Er kapselt einige Schnittstellen für die Kompatibilität mit mehreren Browsern. Der Darstellungsmodus ermöglicht es uns, Subsysteme indirekt aufzurufen und so unnötige Fehler zu vermeiden, die durch den direkten Zugriff auf Subsysteme verursacht werden.

Der Vorteil des Darstellungsmodus besteht darin, dass er einfach zu bedienen und außerdem relativ leicht ist. Es gibt jedoch auch Nachteile, wenn der Darstellungsmodus von Entwicklern kontinuierlich verwendet wird, da die Verfügbarkeit der Funktion bei jedem Aufruf erkannt werden muss.

Das Folgende ist ein Teil des nicht optimierten Codes. Wir verwenden den Darstellungsmodus, um eine browserübergreifende Nutzung zu ermöglichen, indem wir Browsereigenschaften erkennen.

Code kopieren Der Code lautet wie folgt:

var addMyEvent = function (el, ev, fn) {
If (el.addEventListener) {
         el.addEventListener(ev, fn, false);
} else if (el.attachEvent) {
        el.attachEvent('on' ev, fn);
} sonst {
         el['on' ev] = fn;
}
};

Nehmen wir ein weiteres einfaches Beispiel: Eine Schnittstelle wird verwendet, um andere Schnittstellen zu kapseln:

Code kopieren Der Code lautet wie folgt:

var mobileEvent = {
// ...
Stopp: Funktion (e) {
         e.preventDefault();
         e.stopPropagation();
}
// ...
};

Zusammenfassung

Wann sollte man den Darstellungsmodus verwenden? Im Allgemeinen gibt es drei Phasen:

Zunächst sollten Sie in der frühen Entwurfsphase bewusst die beiden unterschiedlichen Schichten, z. B. die klassische dreischichtige Struktur, trennen und eine Fassade zwischen der Datenzugriffsschicht und der Geschäftslogikschicht, der Geschäftslogikschicht usw. einrichten Präsentationsschicht.

Zweitens werden Subsysteme während der Entwicklungsphase aufgrund der kontinuierlichen Rekonstruktion und Weiterentwicklung oft immer komplexer. Durch das Hinzufügen einer Fassade kann eine einfache Schnittstelle bereitgestellt und die Abhängigkeit zwischen ihnen verringert werden.

Drittens kann es schwierig sein, das System zu warten. Zu diesem Zeitpunkt ist es auch sehr angebracht, eine Fassadenklasse für das Erscheinungsbild des Systems zu entwickeln Hochkomplexe Designs bieten eine relativ klare Schnittstelle, die es dem neuen System ermöglicht, mit dem Facade-Objekt zu interagieren, und die Facade interagiert mit dem Legacy-Code, um die gesamte komplexe Arbeit zu erledigen.

Referenz: Dahua Design Pattern