Heim > Artikel > Web-Frontend > JavaScript-Designmuster sieben: Dekoratormuster
Dieser Artikel stellt Ihnen das siebte JavaScript-Designmuster vor: Interessierte Freunde können sich
Das Decorator-Muster bietet mehr Flexibilität als Vererbungsalternativen . Dekoratoren werden verwendet, um Objekte mit derselben Schnittstelle zu umschließen und neue Funktionen in Form überladener Methoden hinzuzufügen. In diesem Modus können Sie Ihr eigenes Verhalten vor oder nach dem dekorierten Objekt hinzufügen, um einen bestimmten Zweck zu erreichen.
Einfaches Verständnis: Die Art und Weise, einem Objekt dynamisch Verantwortlichkeiten hinzuzufügen, wird als dekorierter Modus bezeichnet.
Geben Sie ein einfaches Beispiel:
var xiaoming = function () { this.run = function () { return '跑步' }, this.eat = function () { return: '吃饭' } } // 小明可以跑步,也可以吃饭 // 下面是一个装饰类,给小明进行装饰 var decor = function (xiaoming) { this.run = function () { return xiaoming.run + '很快' } this.eat = function () { return xiaoming.eat + '很多' } }
Die Dekoration des Xiao Ming-Kurses wird durch einen Dekorationskurs realisiert.
Das Dekoratormuster ist eine Möglichkeit, dynamisch weitere Funktionen zu vorhandenen Funktionen hinzuzufügen. Fügen Sie jede zu dekorierende Funktion in eine separate Funktion ein und verwenden Sie diese Funktion, um das vorhandene Funktionsobjekt umzuschließen Wenn daher ein spezielles Verhalten ausgeführt werden muss, kann der aufrufende Code die Dekorationsfunktion selektiv und nacheinander verwenden, um das Objekt nach Bedarf zu umhüllen. Der Vorteil besteht darin, dass die Kernaufgaben und dekorativen Funktionen der Klasse (Funktion) getrennt werden.
Verwandte Empfehlungen:
JavaScript Design Pattern Series 2: Singleton Pattern
JavaScript-Designmuster-Serie 4: Prototypmodus
JavaScript-Designmuster-Serie 6: Bridge-Modus
Das obige ist der detaillierte Inhalt vonJavaScript-Designmuster sieben: Dekoratormuster. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!