Explication détaillée du modèle de constructeur des modèles de conception JS

Cette fois, je vous apporte une explication détaillée de JSDesign PatternBuilder Mode, quelles sont les Précautions lors de l'utilisation du JS Builder Mode, voici le véritable combat Jetons un coup d'œil au cas.

Concept
Le modèle de constructeur peut séparer la construction d'un objet complexe de sa représentation, de sorte que le même processus de construction puisse créer différentes représentations. Si nous utilisons le modèle de construction, l'utilisateur doit alors spécifier les types à construire pour les obtenir, et le processus et les détails de construction spécifiques n'ont pas besoin d'être connus. 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. Principalement utilisé pour "construire un objet complexe étape par étape"

Fonction et précautions

Fonction Mode :

Créer un objet complexe étape par étape

Découplage le processus d'encapsulation et spécifiquement la création de composants

Pas besoin de se soucier de la façon dont les composants sont assemblés

Remarque :

Doit être pris en charge par un algorithme stable ("étape par étape étape" signifie un algorithme stable)

La technologie de traitement est exposée

Après avoir compris les principes de base, regardons l'exemple suivant, et vous aurez alors une compréhension plus profonde du modèle de construction.

Exemple

Un homme riche a besoin de construire une villa, puis s'adresse directement à l'entrepreneur, qui trouve ensuite des ouvriers pour construire la villa. Les magnats locaux n’ont pas besoin de chercher des travailleurs un par un. Tant que l'entrepreneur connaît les besoins des riches, il va ensuite chercher des ouvriers, et les ouvriers font le travail. Les riches n'ont pas besoin de savoir comment construire la maison, et ils peuvent finalement obtenir la maison. .

   //1.产出东西是房子 
            //2.包工头调用工人进行开工而且他要很清楚工人们具体的某一个大项 
            //3.工人是盖房子的 工人可以建厨房、卧室、建客厅 
            //4.包工头只是一个接口而已 他不干活 他只对外说我能建房子
            function House() { 
                this.kitchen = ""; this.bedroom = ""; this.livingroom = ""; 
            }; 
            function Contractor() { 
                this.construct = function(worker) { 
                    worker.construct_kitchen(); worker.construct_bedroom(); worker.construct_livingroom(); 
                } 
            }; 
            function Worker() {
                this.construct_kitchen =function() { 
                    console.log("厨房建好了"); 
                } 
                this.construct_bedroom = function() { 
                    console.log("卧室建好了"); 
                } 
                this.construct_livingroom = function() { 
                    console.log("客厅建好了"); 
                }                this.submit = function() {
                    var _house = new House(); 
                    _house.kitchen = "finished"; 
                    _house.bedroom = "finished"; 
                    _house.livingroom = "finished"; 
                    return _house; 
                }
            }; 
            var worker = new Worker(); 
            var contractor = new Contractor(); 
            contractor.construct(worker); 
            // 主人要房子 var myhouse = worker.submit(); console.log(myhouse);

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée du modèle de constructeur des modèles de conception JS

Modèles de conception JS - l'utilisation du modèle singleton

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!