Introduction aux usines dans les modèles de conception JavaScript-js tutoriel-php.cn

Introduction aux usines dans les modèles de conception JavaScript

不言

Libérer： 2018-07-03 14:52:08

original

1260 Les gens l'ont consulté

Cet article présente principalement le modèle d'usine des modèles de conception JavaScript. Il analyse le concept et le principe du modèle d'usine sous forme d'exemples complets, ainsi que la définition et l'utilisation du modèle d'usine en JavaScript. peut s'y référer

Les exemples de cet article décrivent le modèle d'usine des modèles de conception JavaScript. Partagez-le avec tout le monde pour votre référence, comme suit :

1. Concept de modèle d'usine

Le modèle d'usine définit une interface pour créer des objets. Cette interface détermine quelle classe instancier par la sous-classe. Ce modèle diffère l'instanciation d'une classe aux sous-classes. Les sous-classes peuvent remplacer les méthodes d'interface pour spécifier leurs propres types d'objet (usine abstraite) lors de la création.

Ce mode est très utile, notamment lors de l'attribution de valeurs au processus de création d'objets, par exemple en s'appuyant sur de nombreux fichiers de paramètres. De plus, vous verrez souvent des méthodes d'usine dans les programmes, qui sont utilisées pour permettre aux sous-classes de définir les types d'objets à créer.

2. Les fonctions et précautions du mode usine

Fonctions du mode :

1. La construction d'objets est très complexe - il est très simple pour nous de mettre des chaussures, mais le processus de fabrication de chaussures est très complexe

2. Différentes instances doivent être créées en fonction de l'environnement spécifique - l'usine peut fabriquer des chaussures et des vêtements, l'usine peut fabriquer les chaussures dont j'ai besoin (les chaussures sont différentes ), puis les envoyer à l'endroit désigné (les endroits peuvent être différents ), peut être compris comme des instances différentes

3. Manipuler un grand nombre de petits objets avec les mêmes attributs - comme acheter une paire de chaussures, il n'est pas nécessaire de trouver une usine pour les produire

Remarques :

1 N'abusez pas de l'usine. Parfois, cela ajoute simplement de la complexité au code - comme indiqué en 3 ci-dessus.

3. Code de modèle d'usine et résumé pratique

<!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>

Copier après la connexion

L'effet de fonctionnement est le suivant :

Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de tout le monde. Plus de contenu connexe Veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Introduction au mode proxy dans les modèles de conception JavaScript

Deux façons d'utiliser Echarts dans Vue Introduction

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!