Introduction au modèle d'adaptateur des modèles de conception JavaScript_compétences Javascript

Description du mode adaptateur

Description : le mode Adaptateur est généralement utilisé lorsque l'interface à utiliser n'est pas adaptée à cette application ou à ce système, et qu'une classe ou un objet de couche d'adaptation intermédiaire doit être introduit

 ;

Scénario : c'est comme si nous avions acheté un téléphone portable. Après l'avoir acheté, nous avons découvert que le cordon de chargement avait une prise à trois broches, mais qu'il n'y avait que des prises à deux broches à la maison. Pour plus de commodité et pour pouvoir le recharger n'importe où, vous devez acheter un adaptateur de charge universel pour que votre téléphone puisse être chargé à la maison. Sinon, vous ne pouvez le laisser que seul ou vous rendre dans un endroit doté d'une prise pour le recharger. 🎜>

Dans l'environnement de développement actuel, parce que les interfaces fournies par l'ancien système ou les applications tierces ne correspondent pas aux interfaces que nous définissons, ces interfaces anciennes ou tierces ne peuvent pas être utilisées dans un environnement de programmation orienté interface. nous utilisons la classe d'adaptation pour hériter de la classe à adapter, et laissons la classe d'adaptation implémenter l'interface pour introduire l'interface de l'ancien système ou de l'application tierce

;

Lorsque vous utilisez la programmation d'interface de cette manière, vous pouvez utiliser cette classe d'adaptation pour appeler indirectement l'interface de l'ancien système ou d'une application tierce.

En Javascript, si vous souhaitez implémenter un code similaire au modèle d'adaptateur d'un langage dynamique orienté objet, vous pouvez utiliser l'instance héritée du prototype pour l'implémenter car il est basé sur des contraintes d'interface, mais Javascript n'en a pas ; une chose telle qu'une interface, nous supprimons la couche d'interface. Implémentons directement la classe d'implémentation d'interface Target et simulons un code source similaire

;

Exemple de code source

1. Classes et méthodes d'interface à adapter :

Copier le code Le code est le suivant :

fonction Adapté() {
This.name = 'Adapté';
>
Adaptee.prototype.getName = function() {
Renvoie this.name;
>

2. Classe d'implémentation ordinaire [Comme il n'y a pas d'interface en Javascript, la classe d'implémentation est fournie directement]

Copier le code Le code est le suivant :

fonction Cible() {
This.name = 'Cible';
>
Target.prototype.queryName= function() {

Renvoie this.name;
>

3. Cours d'adaptation :

Copier le code Le code est le suivant :

fonction Adapte() {
Ce.nom = '';
>
Adapte.prototype = new Adaptee();

Adapte.prototype.queryName = function() {

This.getName();
>

4. Comment utiliser :

Copier le code Le code est le suivant :

var local = new Target();
local.queryName(); //Appeler la classe d'implémentation ordinaire
var adapte = new Adapte();

adapt.queryName(); //Appelle l'ancien système ou l'interface d'une application tierce ;

Autres consignes

Dans la quatrième étape ci-dessus, var local et var adapt sont similaires à la désignation de référence d'interface dans les langages orientés objet​​tels que Java et C#, tels que :

Copier le code Le code est le suivant :

interface Cible {
Chaîne publique queryName();
>
//La référence de l'interface pointe vers
Target local = new RealTarget(); //C'est la classe d'implémentation Target du Javascript ci-dessus
local.queryName();
//Adaptateur

Cible adapte = new Adapte();
adapt.queryName();

On peut voir que la classe adaptateur est la couche intermédiaire qui relie l'interface et l'interface de la classe cible ; elle est utilisée pour résoudre le problème selon lequel la cible requise existe déjà, mais nous ne pouvons pas l'utiliser directement ou en conjonction avec notre définition du code, nous devons donc utiliser le mode adaptateur, le mode adaptateur est également appelé mode de conversion et mode d'emballage

;