Maison > interface Web > js tutoriel > Série de modèles de conception JavaScript 6 : modèle de pont

Série de modèles de conception JavaScript 6 : modèle de pont

不言
Libérer: 2018-04-02 14:09:10
original
1513 Les gens l'ont consulté

Cet article partage avec vous la sixième série de modèles de conception JavaScript : le mode Pont. Les amis intéressés peuvent y jeter un œil.

Le mode Pont

Le pont est utilisé pour permettre le découplage de l'abstraction et de la réalisation. les deux changent indépendamment. Ce type de modèle de conception est un modèle structurel, qui réalise le découplage des deux en fournissant une structure de pont entre l'abstraction et la réalisation.

Donnez un exemple simple

var Fn1 = function(a) {
  // dosomething...  
}
var Fn2 = function(b) {
  // dosomething...
}
var Bridge = function(a, b){
  this.one = new Fn1(a)
  this.two = new Fn2(b)
}
Copier après la connexion

Pour avoir une implémentation, il faut d'abord avoir une interface. L'implémentation doit correspondre à l'interface, mais l'implémentation n'est pas forcément liée à une interface. Nous pouvons utiliser une combinaison En utilisant les interfaces existantes, vous pouvez créer une nouvelle implémentation pour répondre à de nouveaux besoins sans avoir à redéfinir l'interface et à réécrire une implémentation pour la nouvelle interface.
Les interfaces et les implémentations peuvent donc être combinées. Cette combinaison est appelée le mode pont. Principalement utilisé lors du démarrage de la conception du système.

Caractéristiques :

  • Interface séparée et parties d'implémentation

  • Assurer l'évolutivité

  • Les détails de mise en œuvre sont transparents pour les clients, et les détails de mise en œuvre peuvent être cachés aux clients

Inconvénients :

Un grand nombre de classes entraînera une augmentation des coûts de développement, et peut également affecter les performances. Sera réduit

Recommandations associées :

JavaScript Design Pattern Series 2 : Singleton Pattern

JavaScript Design Pattern. Série 4 : Mode Prototype

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!

É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