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:
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.
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
1. Missbrauchen Sie die Fabrik nicht – wie in 3 oben gezeigt
<!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!
