Heim  >  Artikel  >  Web-Frontend  >  JavaScript-Designmuster sieben: Dekoratormuster

JavaScript-Designmuster sieben: Dekoratormuster

不言
不言Original
2018-04-02 14:13:151014Durchsuche

Dieser Artikel stellt Ihnen das siebte JavaScript-Designmuster vor: Interessierte Freunde können sich

Decorator-Muster ansehen

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.

Zusammenfassung

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn