suchen

Heim  >  Artikel  >  Web-Frontend  >  Einführung in Fabriken in JavaScript-Entwurfsmustern

Einführung in Fabriken in JavaScript-Entwurfsmustern

不言
不言Original
2018-07-03 14:52:081216Durchsuche

Dieser Artikel stellt hauptsächlich das Fabrikmuster von JavaScript-Entwurfsmustern vor und analysiert das Konzept und Prinzip des Fabrikmusters in Form vollständiger Beispiele sowie die Definition und Verwendung des Fabrikmusters in JavaScript kann darauf verweisen

Die Beispiele in diesem Artikel beschreiben das Fabrikmuster von JavaScript-Entwurfsmustern. Teilen Sie es wie folgt mit allen:

1. Factory-Musterkonzept

Factory-Muster definiert eine Schnittstelle zum Erstellen von Objekten. Diese Schnittstelle bestimmt, welche Klasse von der Unterklasse instanziiert werden soll. Dieses Muster verschiebt die Instanziierung einer Klasse auf Unterklassen. Unterklassen können Schnittstellenmethoden überschreiben, um beim Erstellen ihre eigenen Objekttypen (abstrakte Factory) anzugeben.

Dieser Modus ist sehr nützlich, insbesondere wenn dem Prozess der Objekterstellung Werte zugewiesen werden, z. B. wenn auf viele Einstellungsdateien zurückgegriffen wird. Darüber hinaus werden Sie in Programmen häufig Factory-Methoden sehen, mit denen Unterklassen die zu erstellenden Objekttypen definieren können.

2. Die Funktionen und Vorsichtsmaßnahmen des Fabrikmodus

Modusfunktionen:

1. Der Objektaufbau ist sehr komplex – es ist für uns sehr einfach, Schuhe anzuziehen, aber der Prozess der Schuhherstellung ist sehr komplex

2. Abhängig von der spezifischen Umgebung müssen verschiedene Instanzen erstellt werden – die Fabrik kann Schuhe und Kleidung herstellen, die Fabrik kann die Schuhe herstellen, die ich brauche (die Schuhe sind unterschiedlich). ) und sie dann an den angegebenen Ort senden (die Orte können unterschiedlich sein), können als verschiedene Instanzen verstanden werden

3. Behandeln Sie eine große Anzahl kleiner Objekte mit den gleichen Attributen – wie zum Beispiel den Kauf eines Paares Schuhe, es ist nicht nötig, eine Fabrik zu finden, um sie zu produzieren

Hinweise:

1. Missbrauchen Sie die Fabrik nicht – wie in 3 oben gezeigt

3. Werksmustercode und praktische Zusammenfassung

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title>工厂模式</title>
</head>
<body>
<script>
 //1.工厂应该有厂长来决定运行到底哪条产品线
 //2.消费者-》子类
 var gongchang = {};
 gongchang.chanyifu = function(){
  this.gongren = 50;
  console.log("我们有"+this.gongren);
 }
 gongchang.chanxie = function(){
  this.gongren = 100;
  console.log("产鞋子");
 }
 gongchang.yunshu = function(){
  this.gongren = 10;
  console.log("运输");
 }
 gongchang.changzhang = function(para){
  return new gongchang[para]();
 }
 var we = gongchang.changzhang("chanyifu");
 var me = gongchang.changzhang("chanxie");
 console.log(me.gongren);
 var ys = gongchang.changzhang("yunshu");
 console.log(ys.gongren);
</script>
</body>
</html>

Der Betriebseffekt ist wie folgt:

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Lernen aller hilfreich sein. Bitte achten Sie auf weitere verwandte Inhalte auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Einführung in den Proxy-Modus in JavaScript-Entwurfsmustern

Zwei Möglichkeiten zur Verwendung von Echarts in Vue Einführung

Das obige ist der detaillierte Inhalt vonEinführung in Fabriken in JavaScript-Entwurfsmustern. 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
Vorheriger Artikel：So lösen Sie das Fehlerproblem des asynchronen Ladens von Daten im Vue Awesome SwiperNächster Artikel：So lösen Sie das Fehlerproblem des asynchronen Ladens von Daten im Vue Awesome Swiper

In Verbindung stehende Artikel

Mehr sehen