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

概念与特点

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

特点:

  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. 使用第三方的接口,接口定义与公司内部接口定义不同。

应用实例

暂无。

总结

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值