


Einführung in das Dekorationsmuster von JavaScript-Designmustern_Javascript-Fähigkeiten
Beschreibung des Dekorationsmusters
Erläuterung: Verwenden Sie eine Klasse, um das Funktionsobjekt einer anderen Klasse vorher oder nachher dynamisch zu ändern, und fügen Sie ihr einige zusätzliche Funktionen hinzu. Dies ist die Dekoration der Funktion eines Klassenobjekts, und die dekorierte Klasse hängt mit der dekorierten Klasse zusammen Klassen müssen über dieselben Zugriffsschnittstellenmethoden (Funktionen) verfügen. In dynamischen objektorientierten Klassen ist die Implementierung im Allgemeinen durch die Implementierung derselben dekorativen Klasse eingeschränkt Die Methode der dekorierten Klasse ruft die Methode der entsprechenden dekorierten Klasse auf und ändert sie dann
Szenariobeispiel:
1>. Die Kleidung, die wir im Leben tragen, ist zum Beispiel ein Hemd, eine Anzugjacke, eine Hose, eine Krawatte und jedes weitere getragene Stück ist eine Dekoration für das Vorderteil oder der ganze Körper. ;
2>. Beispielsweise haben wir eine funktionale Methode unter der Klasse, die zum Schreiben von Protokollen oder zur Benutzeranmeldung verwendet werden kann. Möglicherweise ist es erforderlich, die aktuellen Bedienerinformationen vor dem Schreiben des Protokolls oder nach erfolgreicher Anmeldung abzurufen. Schreiben Geben Sie ein Protokoll ein. Der zusätzliche Vorgang vor dem Schreiben des Protokolls dient im Allgemeinen dem Zweck, das Protokoll nach erfolgreicher Anmeldung zu schreiben
Daher wird das Dekoratormuster verwendet, um ein Szenario zu implementieren, in dem die beiden ähnliche Vorgänge haben. Es handelt sich um die Erweiterung des Dekorators auf das dekorierte Funktionsobjekt, und das Wesentliche ist der gleiche Funktionsumfang wie die ursprüngliche Methode
Beispiel-Quellcode
1. Dekorateurklasse
Wear.prototype.Shirt = function() {
//Ein Hemd tragen console.log('Shirt anziehen');
}
2. Dekorateurklasse
Decorator.prototype.Shirt = function() {
This.wear.Shirt(); //Nachdem ich ein Hemd getragen hatte, fügte ich eine Krawatte hinzu
}
3. So verwenden Sie
Das Dekoratormuster verkörpert wirklich den objektorientierten Ansatz: Das Prinzip, offen für Erweiterungen und geschlossen für Änderungen zu sein, wird implementiert, ohne die [dekorierte Klasse Wear] zu ändern und die [dekorierte Klasse] Decorator zu erweitern. ;
Eines der Hauptmerkmale des Dekorationsmusters besteht darin, dass der Dekorateur auf das dekorierte Objekt verweist, um eine unveränderte Dekoration des dekorierten Objekts zu erreichen
Simulation: Erst Hemd anziehen, dann Krawatte, dann Anzug: Die dekorierte Person oben bleibt unverändert:
2. Dekorateurklasse:
Code kopieren
}
Code kopieren
Funktion Decorator_Tie(Decorator) {
This.decorator = decorator;
}
Decorator_Tie.prototype.Shirt = function() {
This.decorator.Shirt(); //Zieh das Hemd an
console.log('Zieh deine Krawatte wieder an');
}
Funktion Decorator_Western (Dekorateur) {
This.decorator = decorator;
}
Decorator_Western.prototype.Shirt = function() {
This.decorator.Shirt();
console.log('Zieh den Anzug wieder an');
}
Verwendung:
//Zieh zuerst dein Hemd an
var wear = new Wear();
var decorator = neuer Decorator(wear);
//decorator.Shirt();
//Zieh deine Krawatte wieder an
var tie = new Decorator_Tie(decorator);
//tie.Shirt();
//Zieh den Anzug wieder an
var western = new Decorator_Western(tie);
western.Shirt();
Dies ist ein Simulationsbeispiel für das Tragen von Kleidung und Dekoration

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Im Java-Framework besteht der Unterschied zwischen Entwurfsmustern und Architekturmustern darin, dass Entwurfsmuster abstrakte Lösungen für häufige Probleme beim Softwaredesign definieren und sich dabei auf die Interaktion zwischen Klassen und Objekten konzentrieren, beispielsweise Fabrikmuster. Architekturmuster definieren die Beziehung zwischen Systemstrukturen und Modulen und konzentrieren sich auf die Organisation und Interaktion von Systemkomponenten, wie z. B. eine geschichtete Architektur.

Das Adaptermuster ist ein strukturelles Entwurfsmuster, das die Zusammenarbeit inkompatibler Objekte ermöglicht. Es wandelt eine Schnittstelle in eine andere um, sodass die Objekte reibungslos interagieren können. Der Objektadapter implementiert das Adaptermuster, indem er ein Adapterobjekt erstellt, das das angepasste Objekt enthält, und die Zielschnittstelle implementiert. In einem praktischen Fall kann der Client (z. B. MediaPlayer) über den Adaptermodus Medien im erweiterten Format (z. B. VLC) abspielen, obwohl er selbst nur normale Medienformate (z. B. MP3) unterstützt.

Das Dekoratormuster ist ein strukturelles Entwurfsmuster, das das dynamische Hinzufügen von Objektfunktionen ermöglicht, ohne die ursprüngliche Klasse zu ändern. Es wird durch die Zusammenarbeit von abstrakten Komponenten, konkreten Komponenten, abstrakten Dekoratoren und konkreten Dekoratoren implementiert und kann Klassenfunktionen flexibel erweitern, um sich ändernden Anforderungen gerecht zu werden. In diesem Beispiel werden Milch- und Mokka-Dekoratoren zu Espresso für einen Gesamtpreis von 2,29 $ hinzugefügt, was die Leistungsfähigkeit des Dekoratormusters bei der dynamischen Änderung des Verhaltens von Objekten demonstriert.

1. Factory-Muster: Trennen Sie Objekterstellung und Geschäftslogik und erstellen Sie Objekte bestimmter Typen über Factory-Klassen. 2. Beobachtermuster: Ermöglicht Subjektobjekten, Beobachterobjekte über ihre Zustandsänderungen zu benachrichtigen, wodurch eine lose Kopplung und ein Beobachtermuster erreicht werden.

Entwurfsmuster lösen Herausforderungen bei der Codewartung, indem sie wiederverwendbare und erweiterbare Lösungen bereitstellen: Beobachtermuster: Ermöglicht Objekten, Ereignisse zu abonnieren und Benachrichtigungen zu erhalten, wenn sie auftreten. Factory-Muster: Bietet eine zentralisierte Möglichkeit, Objekte zu erstellen, ohne auf konkrete Klassen angewiesen zu sein. Singleton-Muster: stellt sicher, dass eine Klasse nur eine Instanz hat, die zum Erstellen global zugänglicher Objekte verwendet wird.

Zu den Vorteilen der Verwendung von Entwurfsmustern in Java-Frameworks gehören: verbesserte Lesbarkeit, Wartbarkeit und Skalierbarkeit des Codes. Zu den Nachteilen gehören Komplexität, Leistungsaufwand und eine steile Lernkurve aufgrund übermäßiger Nutzung. Praktischer Fall: Der Proxy-Modus wird zum verzögerten Laden von Objekten verwendet. Setzen Sie Entwurfsmuster mit Bedacht ein, um ihre Vorteile zu nutzen und ihre Nachteile zu minimieren.

Das Guice-Framework wendet eine Reihe von Entwurfsmustern an, darunter: Singleton-Muster: Durch die @Singleton-Annotation wird sichergestellt, dass eine Klasse nur eine Instanz hat. Factory-Methodenmuster: Erstellen Sie eine Factory-Methode über die Annotation @Provides und rufen Sie die Objektinstanz während der Abhängigkeitsinjektion ab. Strategiemodus: Kapseln Sie den Algorithmus in verschiedene Strategieklassen und geben Sie die spezifische Strategie über die Annotation @Named an.

TDD wird verwendet, um hochwertigen PHP-Code zu schreiben. Die Schritte umfassen: Testfälle schreiben, die erwartete Funktionalität beschreiben und sie zum Scheitern bringen. Schreiben Sie Code so, dass nur die Testfälle ohne übermäßige Optimierung oder detailliertes Design erfolgreich sind. Nachdem die Testfälle bestanden wurden, optimieren und überarbeiten Sie den Code, um die Lesbarkeit, Wartbarkeit und Skalierbarkeit zu verbessern.
