Maison > interface Web > js tutoriel > le corps du texte

Introduction au modèle de création de modèles de conception JavaScript_compétences Javascript

WBOY
Libérer: 2016-05-16 16:23:52
original
1280 Les gens l'ont consulté

Instructions du mode Constructeur

1. Séparez la construction d'un objet complexe de sa représentation afin qu'un même processus de création puisse avoir des représentations différentes. C'est ce qu'on appelle le modèle constructeur.
2. Description en langage orienté objet, rôle principal :

1>. La classe d'interface Builder définit un comportement unifié et exploitable du constructeur [worker], qui représente un objet structurel complexe
2>. ConcreteBuilder est utilisé pour créer [implémenter] diverses formes d'objets d'instance de Builder pour représenter différentes représentations de Builder ;
. 3>. Le directeur est utilisé pour guider le processus d'exécution et la forme de l'instance Builder, pour être séparé des performances de l'instance Builder, et pour guider l'instance Builder pour créer et générer des résultats de produit selon une certaine séquence de règles ;
4>. Le résultat créé par ResultObject générera un objet de résultat ; il s'agit du résultat créé par le créateur spécifique selon les conseils du directeur ;

3. Le modèle de constructeur est en fait un commandant, un constructeur et un client qui utilise le commandant pour appeler des constructeurs spécifiques à travailler et obtenir des résultats de ces constructeurs spécifiques

 ;

4. Mode Constructeur, scénario de simulation : [C'est bien de voir un exemple illustrant la description du mode Constructeur]

Supposons qu'une famille veuille construire une maison, mais que le propriétaire ou d'autres membres de la famille ne sachent pas comment construire une maison, ils doivent donc embaucher quelques ouvriers. L'équipe qui construit la maison a également besoin d'un contremaître pour hypothéquer. la maison. Construisez une maison selon les idées du propriétaire, et le contremaître la concevra selon les exigences du propriétaire et demandera aux ouvriers comment le faire

;

Le contremaître a dit que la première étape consiste à monter la charpente générale de la maison, la deuxième étape consiste à construire la chambre, la troisième étape consiste à décorer la cuisine, la quatrième étape consiste à terminer la construction du salon et la décoration, la cinquième étape...

Le contremaître ne fait rien, mais le constructeur spécifique doit suivre les exigences du contremaître, en construisant la première marche, la deuxième marche, jusqu'à ce que toute la maison soit terminée

;

Le créateur doit avoir toutes les compétences pour créer cette maison, c'est-à-dire construire le squelette, décorer la chambre, etc..., c'est-à-dire que ce que fait le constructeur, ou la capacité qu'il a, doit être supérieur ou égal à ce que le commandant exige de quelque chose ou de capacité ;

C'est-à-dire que le commandant est un organisateur et le constructeur fournit des compétences

;

5. Dans un langage faible comme JavaScript, il n'existe pas d'interface, alors ignorez simplement la couche de définition d'interface, créez directement un constructeur spécifique, puis créez une classe de guidage pour rappeler le constructeur

;

Exemple de code source

1. Ouvrier constructeur X :


Copier le code Le code est le suivant :
fonction travailleurBuilder() {
This.workOne = function() {
             //Construire le squelette de la maison
>
This.workTwo=function() {
            //Construire une chambre
>
This.workThree=function() {
             //Construire une cuisine
>
This.workFour=function() {
            //Construire un salon
>
//....
 
This.getResult = function() {
                                                          //Terminer la maison
  var house = new House();
​​​ //house.HouseFrame ...
  Retour à la maison ; 
>
>

workBuilder est une classe de constructeur spécifique, workOne et Two sont des choses à faire, construire des squelettes, etc. ;

Bien sûr, vous pouvez créer plusieurs workBuilders supplémentaires pour représenter les travailleurs. La méthode d'exécution de chaque travail est différente mais le contenu du travail est le même ;

2. Classe de commandant

Copier le code Le code est le suivant :
fonction Directeur() {
This.construct = function(builder) {
​​​​​ builder.workOne();
​​​​​ builder.workTwo();
​​​​​ builder.workThree();
            builder.workFour();
               //...
//L'ordre du contenu ci-dessus peut être défini et les éléments de travail peuvent également être définis
>
>

La méthode de guidage sous la classe commandant a une référence de rappel au constructeur, qui inclut plusieurs ou la totalité du contenu du travail du constructeur ; le commandant organise et organise ce que les ouvriers du constructeur doivent faire ;

3. Maison de produits

Copier le code Le code est le suivant :
fonction Maison() {
This.HouseFrame = '';
Cette.Pièce = '';
Cette.Cuisine = '';
This.LivingRoom = '';
//...
>

4. Comment utiliser


Copier le code Le code est le suivant :
var builder = new workBuilder();
var directeur = nouveau directeur();
directeur.construct(constructeur);
var house = builder.getResult();


La quatrième étape est équivalente au client : le propriétaire de la maison. Le propriétaire de la maison demande au directeur de construire la maison, mais le contremaître ne fait rien, alors il demande aux constructeurs de construire la maison. obtient la construction des ouvriers Belle maison;

Autres consignes

Le mode constructeur est plus adapté aux situations où le contenu [abstraction] est complexe et la performance réelle de la scène est différente, comme un contenu ou une séquence de travail incohérent comme le processus de la vie quotidienne de chacun, et des choses comme les exemples similaires ci-dessus ; scénarios ; grâce à la couche instructeur, vous pouvez réduire le nombre de situations dans lesquelles il existe de nombreux lieux de travail similaires, mais l'ordre des règles de travail est incohérent ; vous pouvez réduire considérablement l'abstraction de la construction des objets réels ;
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal