Maison >interface Web >js tutoriel >Modèle de conception JavaScript modèle d'usine classique_compétences javascript

Modèle de conception JavaScript modèle d'usine classique_compétences javascript

WBOYoriginal: 2016-05-16 15:13:502653parcourir

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. Le rôle et les précautions du mode usine

Fonction 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 compliqué

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, et l'usine peut fabriquer les chaussures dont j'ai besoin (les chaussures sont différentes) puis les envoyer à l'endroit désigné (le le lieu peut être différent), ce qui est compréhensible pour différentes instances

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

Remarque :

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

3. Code du 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;
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>

Ce qui précède est le modèle d'usine de modèles de conception JavaScript classique présenté par l'éditeur. J'espère qu'il vous sera utile !

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Explication détaillée de la façon dont jQuery utilise le filtre contain pour obtenir une correspondance exacte_jqueryArticle suivant：Explication détaillée de la façon dont jQuery utilise le filtre contain pour obtenir une correspondance exacte_jquery

Articles Liés

Voir plus