JavaScript 23 种设计模式之 7 适配器模式

小鱼儿 2023-03-13 01:57 20阅读 0赞

# 概念与特点 #

概念：  
调用不同对象的统一接口，如果是外部提供的名称不相同的接口，就需要适配器来转换。比如手机充电器的转换头，既可以充电安卓手机，也可以充电苹果手手机。

特点：

1.  客户端通过适配器可以直接调用目标接口。
2.  **复用**组件/类/库。
3.  将目标类和适配者类**解耦**，并解决接口不一致的问题。

# 结构与实现 #

代理模式包含目标接口，适配者类，适配器类。  
目标接口：当前业务所期待的接口，可以是抽象类或接口。  
适配者类：现存组件库中的组件接口。  
配适器类：转换器，通过继承或者或者引用配置者对象，把适配者接口转换为目标接口，让客户按目标者的格式访问适配者。

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <script>
        ```javascript
       let obj={ 
            show:function () { 
                console.log('方法1')
            }
        };
        let obj1={ 
            show:function () { 
                console.log('方法2')
            }
        };
        //1.调用统一的接口show
        function map(fn) { 
            fn.show();
        };
        map(obj);
        map(obj1);
        
        //2.假设obj1对象是外部提供的对象，并且方法名不叫show，而叫display
        obj1={ 
            display:function () { 
                console.log('方法2')
            }
        };
        //3.这时候就需要提供一个适配器接口
        obj1.show = obj1.display();
        //4.map方法可以不用任何改变
        map(obj);
        map(obj1);

\`\`\`

# 应用场景 #

1.  新开发的系统中需要用到老系统的方法/类/组件。
2.  使用第三方的接口，接口定义与公司内部接口定义不同。

# 应用实例 #

暂无。

# 总结 #

适配器模式主要起到转换 / 翻译的作用。一方面用于现有的业务逻辑与以前相似，但是调用的方法名不同，或者有其他少许不同之处。另一方面用于在调用第三方接口时，如果第三方接口与内部接口约定不一致，则需要适配器来做转换。