Compréhension approfondie de la série JavaScript (30) : Explication détaillée du modèle d'apparence des modèles de conception_Connaissances de base

Présentation

Facade fournit une interface cohérente pour un ensemble d'interfaces dans un sous-système. Ce module définit une interface de haut niveau qui rend ce sous-système plus facile à utiliser.

Texte

Le modèle d'apparence simplifie non seulement l'interface dans la classe, mais dissocie également l'interface de l'appelant. Le modèle de façade est souvent considéré comme un incontournable pour les développeurs. Il peut encapsuler certaines opérations complexes et créer une interface d'appel simple.

Le mode Apparence est souvent utilisé dans les bibliothèques de classes JavaScript. Il encapsule certaines interfaces pour la compatibilité avec plusieurs navigateurs. Le mode Apparence nous permet d'appeler indirectement les sous-systèmes, évitant ainsi les erreurs inutiles causées par un accès direct aux sous-systèmes.

L'avantage du mode apparence est qu'il est facile à utiliser et qu'il est également relativement léger. Mais il y a aussi des inconvénients. Le mode Apparence entraînera certains problèmes de performances lorsqu'il est utilisé en continu par les développeurs, car la disponibilité de la fonction doit être détectée à chaque fois qu'elle est appelée.

Ce qui suit est un morceau de code non optimisé. Nous utilisons le mode apparence pour créer une utilisation multi-navigateurs en détectant les caractéristiques du navigateur.

Copier le code Le code est le suivant :

var addMyEvent = fonction (el, ev, fn) {
Si (el.addEventListener) {
         el.addEventListener(ev, fn, false);
} sinon if (el.attachEvent) {
        el.attachEvent('on' ev, fn);
} autre {
         el['on' ev] = fn;
>
};

Prenons un autre exemple simple. Pour parler franchement, une interface est utilisée pour encapsuler d’autres interfaces :

Copier le code Le code est le suivant :

var mobileEvent = {
// ...
Arrêt : fonction(e) {
         e.preventDefault();
         e.stopPropagation();
>
// ...
};

Résumé

Alors, quand utiliser le mode apparence ? De manière générale, il y a trois étapes :

Tout d'abord, dès le début de la conception, vous devez consciemment séparer les deux couches différentes, comme la structure classique à trois couches, et établir une façade entre la couche d'accès aux données et la couche de logique métier, la couche de logique métier et couche de présentation.

Deuxièmement, pendant la phase de développement, les sous-systèmes deviennent souvent de plus en plus complexes en raison de la reconstruction et de l'évolution continues. L'ajout d'une façade peut fournir une interface simple et réduire la dépendance entre eux.

Troisièmement, lors de la maintenance d'un système existant à grande échelle, il peut être difficile de maintenir le système à l'heure actuelle, il est également très approprié d'utiliser l'apparence Façade Développer une classe d'apparence Façade pour que le système fournisse une apparence approximative. conceptions très complexes. Le code existant fournit une interface relativement claire, permettant au nouveau système d'interagir avec l'objet Facade, et Facade interagit avec le code existant pour effectuer tout le travail complexe.

Référence : Modèle de conception Dahua