js modèles de conception : quel est le modèle d'adaptateur ? Introduction au modèle d'adaptateur js

Cet article vous apporte du contenu sur les modèles de conception js : qu'est-ce que le modèle d'adaptateur ? L'introduction du mode adaptateur js a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer, j'espère que cela vous sera utile.

Quel est le modèle d'adaptateur ?

Définition : Convertir l'interface d'une classe en une autre interface souhaitée par le client. Le modèle Adapter permet à des classes de travailler ensemble qui autrement ne fonctionneraient pas ensemble en raison d'interfaces incompatibles.

Solution principale : Solution principale : Dans les systèmes logiciels, il est souvent nécessaire de placer certains "objets existants" dans un nouvel environnement, et les interfaces requises par le nouvel environnement ne peuvent pas être satisfaites par les objets existants.

Quand utiliser : 1. Le système doit utiliser les classes existantes, mais ce type d'interface ne répond pas aux besoins du système. 2. Vous souhaitez créer une classe qui peut être réutilisée pour travailler avec certaines classes qui ne sont pas très liées les unes aux autres, y compris certaines classes qui pourraient être introduites à l'avenir. Ces classes sources n'ont pas nécessairement des interfaces cohérentes. 3. Insérez une classe dans une autre classe via la conversion d'interface. (Par exemple, les tigres et les oiseaux ont désormais un tigre volant. Sans avoir besoin d'ajouter des entités, ajoutez un adaptateur pour contenir un objet tigre et implémentez l'interface volante.)

Comment résoudre : Hériter ou dépendre (recommandé).

Code clé : L'adaptateur hérite ou s'appuie sur des objets existants pour atteindre l'interface cible souhaitée.

Exemple d'application du mode adaptateur JS : 1. Les appareils électriques américains sont de 110 V et la Chine de 220 V. Un adaptateur est nécessaire pour convertir 110 V en 220 V. 2. JAVA JDK 1.1 fournit l'interface Enumeration et 1.2 fournit l'interface Iterator. Si vous souhaitez utiliser le JDK 1.2, vous devez convertir l'interface Enumeration du système précédent en interface Iterator. Dans ce cas, le mode adaptateur est requis. . 3. Exécutez le programme WINDOWS sous LINUX. 4. jdbc en JAVA.

Avantages du modèle d'adaptateur js : 1. Deux classes non liées peuvent être exécutées ensemble. 2. Réutilisation améliorée des classes. 3. Augmentation de la transparence de la classe. 4. Bonne flexibilité.

Inconvénients du mode adaptateur js : Une utilisation excessive d'adaptateurs rendra le système très compliqué et difficile à comprendre dans son ensemble. Par exemple, il est évident que l'interface A est appelée, mais en fait elle est adaptée en interne à l'implémentation de l'interface B. Si cela se produit trop dans un système, cela équivaudra à un désastre. Par conséquent, si cela n’est pas nécessaire, vous pouvez reconstruire le système directement sans utiliser l’adaptateur.

Scénario d'application du modèle d'adaptateur js : Motivation pour modifier l'interface d'un système fonctionnant normalement, vous devriez alors envisager d'utiliser le modèle d'adaptateur.

Remarque : L'adaptateur n'est pas ajouté lors de la conception détaillée, mais pour résoudre des problèmes pour le projet en service.

Exemple de modèle d'adaptateur js

Par exemple, nous devons adapter l'ancienne interface à une nouvelle interface

// 老接口
const oldCity = (function() {
    return [
        {
            name: 'hangzhou',
            id: 11,
        },
        {
            name: 'jinhua',
            id: 12
        }
    ]
}())

// 新接口希望是下面形式
// {
//     hangzhou: 11,
//     jinhua: 12
// }

// 这时候就可采用适配者模式
const adaptor = function(oldCity) {
    const obj = {};
    for (let city of oldCity) {
        obj[city.name] = city.id
    }
    return obj
};

console.log(adaptor(oldCity));

Recommandations associées :

Modèles de conception js : qu'est-ce que le modèle médiateur ? Introduction au modèle de médiateur js

modèle de conception js : qu'est-ce que le modèle d'état ? Introduction au mode statut js

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!