suchen

Heim  >  Artikel  >  Web-Frontend  >  JavaScript-Designmuster, klassische Fabrikmuster_Javascript-Kenntnisse

JavaScript-Designmuster, klassische Fabrikmuster_Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 15:13:502631Durchsuche

1. Fabrikmodellkonzept

Das 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 Rolle und Vorsichtsmaßnahmen des Werksmodus

Modusfunktion:

1. Die Objektkonstruktion ist sehr komplex – es ist für uns sehr einfach, Schuhe anzuziehen, aber der Prozess der Schuhherstellung ist sehr kompliziert

2. Abhängig von der jeweiligen Umgebung müssen unterschiedliche Instanzen erstellt werden – die Fabrik kann die Schuhe herstellen, die ich benötige (die Schuhe sind unterschiedlich) und sie dann an den vorgesehenen Ort (den Ort) schicken kann unterschiedlich sein), was für verschiedene Fälle verständlich ist

3. Behandeln Sie eine große Anzahl kleiner Gegenstände mit den gleichen Eigenschaften – wenn Sie beispielsweise ein Paar Schuhe kaufen, müssen Sie keine Fabrik finden, um diese herzustellen

Hinweis:

1. Missbrauchen Sie die Fabrik nicht. Manchmal wird der Code dadurch nur komplexer – 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;
alert("我们有"+this.gongren);
}
gongchang.chanxie = function(){
this.gongren = 100;
alert("产鞋子");
}
gongchang.yunshu = function(){
this.gongren = 10;
alert("运输");
}
gongchang.changzhang = function(para){
return new gongchang[para]();
}
var me = gongchang.changzhang("chanxie");
alert(me.gongren);
</script>
</body>
</html>

Das Obige ist das klassische JavaScript-Designmuster-Fabrikmuster, das Ihnen der Herausgeber vorgestellt hat. Ich hoffe, es wird Ihnen hilfreich sein!

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：Detaillierte Erklärung, wie jQuery den Filter „Contains“ verwendet, um eine exakte Matching_JQuery zu erreichenNächster Artikel：Detaillierte Erklärung, wie jQuery den Filter „Contains“ verwendet, um eine exakte Matching_JQuery zu erreichen

In Verbindung stehende Artikel

Mehr sehen