Compréhension approfondie de la série JavaScript (27) : Explication détaillée du modèle de construction des compétences en matière de modèles de conception_javascript

Présentation

Dans les systèmes logiciels, nous sommes parfois confrontés à la création d'un « objet complexe », qui est généralement composé de sous-objets de chaque partie en utilisant un certain algorithme en raison de changements dans les exigences, chaque partie de cet objet complexe étant souvent ; fait face à des changements drastiques, mais l'algorithme qui les combine est relativement stable. Comment gérer ce changement ? Comment fournir un « mécanisme d'encapsulation » pour isoler les changements dans « diverses parties d'objets complexes » afin d'empêcher « l'algorithme de construction stable » du système de changer à mesure que les exigences changent ? C'est ce qu'on appelle le modèle Builder.

Le modèle de construction 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. C'est-à-dire que si nous utilisons le mode constructeur, alors l'utilisateur doit 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.

Texte

Ce mode est relativement simple. Codez-le d'abord puis expliquez-le

Copier le code Le code est le suivant :

fonction getBeerById(id, rappel) {
// Utilisez l'ID pour demander des données, puis renvoyez les données.
asyncRequest('GET', 'beer.uri?id=' id, function (resp) {
// réponse à l'appel de rappel
         callback(resp.responseText);
});
>

var el = document.querySelector('#test');
el.addEventListener('click', getBeerByIdBridge, false);

fonction getBeerByIdBridge(e) {
GetBeerById(this.id, fonction (bière) {
console.log('Bière demandée : 'bière);
});
>

Selon la définition du constructeur, l'apparence est un rappel, ce qui signifie que la façon d'afficher et de traiter les données après leur obtention dépend de la fonction de rappel. En conséquence, la fonction de rappel n'a pas besoin de prêter attention à la manière d'obtenir. les données lors du traitement des données. Même exemple Vous pouvez également voir dans la méthode ajax de jquery qu'il existe de nombreuses fonctions de rappel (telles que le succès, les rappels d'erreur, etc.), et que l'objectif principal est la séparation des responsabilités.

De même, un autre exemple jQuery :

Copier le code Le code est le suivant :

$('

bar

');

Il nous suffit de transmettre les caractères HTML à générer et nous n'avons pas à nous soucier de la façon dont l'objet HTML spécifique est produit.

Résumé

Le modèle de construction est principalement utilisé pour « construire un objet complexe étape par étape », dans lequel « étape par étape » est un algorithme stable, tandis que les différentes parties de l'objet complexe changent fréquemment. Ses avantages sont : Le « traitement ». "technologie" est exposée, ce qui rend le mode constructeur plus flexible, et le mode constructeur dissocie le processus d'assemblage et la création de pièces spécifiques, de sorte que nous n'avons pas à nous soucier de la façon dont chaque pièce est assemblée.