一天一个设计模式---适配器模式

概念

适配器模式是一种结构型设计模式,用于将一个类的接口转换成客户端所期望的另一个接口。它允许不兼容的接口之间进行协同工作,使得原本由于接口不匹配而无法合作的类能够一起工作。

具体内容

适配器模式主要包括以下几个要素:

  1. 目标接口(Target Interface): 客户端期望的接口,适配器模式的目标是使被适配者(Adaptee)的接口能够符合目标接口。
  2. 适配器(Adapter): 实现目标接口,并包含一个对被适配者的引用。适配器负责将被适配者的接口转换成目标接口,从而使得客户端可以与被适配者协同工作。
  3. 被适配者(Adaptee): 需要被适配的接口。被适配者是原本无法与目标接口直接协同工作的类。

类结构图

适用场景

  • 现有系统与新系统的集成: 当引入新组件或系统时,为了与现有系统协同工作,可以使用适配器模式来统一接口。
  • 第三方库的使用: 当使用第三方库或组件时,其接口可能不符合当前系统的需求,通过适配器可以使其与系统其他部分协同工作。
  • 接口版本升级: 当接口发生变化,为了保持向后兼容性,可以使用适配器模式适配新旧接口之间的差异。

实现

JS 复制代码
// 目标接口
// 目标接口
class Target {
  request() {
    console.log("Target's request");
  }
}

// 被适配者
class Adaptee {
  specificRequest() {
    console.log("Adaptee's specific request");
  }
}

// 适配器
class Adapter extends Target {
  constructor(adaptee) {
    super();
    this.adaptee = adaptee;
  }

  request() {
    this.adaptee.specificRequest();
  }
}

// 客户端代码
const adaptee = new Adaptee();
const adapter = new Adapter(adaptee);

adapter.request(); // 调用适配器的request,实际上执行了被适配者的specificRequest
相关推荐
不好听61344 分钟前
JavaScript 到底是怎么运行的?从编译阶段到执行上下文全面解析
javascript
丷丩1 小时前
MapLibre GL JS第29课:添加Canvas源
javascript·gis·map·mapbox·maplibre gl js
workflower1 小时前
具身智能研究对象:物理交互中的智能行为
设计模式·动态规划·软件工程·软件构建·scrum
utf8mb4安全女神1 小时前
【rsyslog服务】把所有服务的“临界点”以上的错误都保存在/var/log/alert.log⽇志中
java·前端·javascript
csdn_aspnet2 小时前
javascript 算法 LeetCode 编号 70 - 爬楼梯
开发语言·javascript·算法·leetcode·ecmascript
swipe2 小时前
DeepAgents 多 Agent 深度调研助手工程实战:从 createDeepAgent 到可控调研工作流
javascript·面试·langchain
moMo2 小时前
JavaScript 变量提升,执行上下文里的各种门道
javascript·面试
weixin_471383032 小时前
由浅入深递归练习
前端·javascript·vue.js
丷丩3 小时前
MapLibre GL JS第21课:绘制GeoJSON点图标、注记
前端·javascript·gis·mapbox·maplibre gl js
丷丩3 小时前
MapLibre GL JS第20课:更新GeoJSON多边形
前端·javascript·gis·mapbox·maplibre gl js