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

概念

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

具体内容

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

  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
相关推荐
M--Y9 小时前
LangGraph 工作流模式
开发语言·javascript·python·langchain·大模型·llm·langgraph
johnjincaaaa14 小时前
猿人学第 18 题「jsvmp 洞察先机」逆向通关实录
javascript·后端
用户6242931966214 小时前
告别 Electron 臃肿与 Wireshark 老化界面:用 Rust + Tauri 2.0 构建多总线网络与现场总线深度分析仪 Omni-Probe
设计模式
是2的10次方啊15 小时前
设计模式与生活㉒:暖气热不热,得一间一间摸过去
设计模式
FungLeo16 小时前
成为全栈·Vue 管理后台篇·分类树与标签管理:层级数据如何落到管理界面
前端·javascript·vue.js·分类树·naive ui·标签管理·前端数据结构
总要学点什么17 小时前
第108篇:三维特效-图片轨迹线效果——把贴图滚成一串箭头,想用它的本色反而整条消失
开发语言·javascript·ecmascript·gis·webgl·材质·cesium
小厨勺子21 小时前
我用AIUI给Rokid眼镜做了个随身换算智能体
javascript
bigbread21 小时前
迭代器模式-在区域健康档案导出中的实战应用
设计模式
夕水1 天前
我用trae重构了ew-color-picker,一个插件化架构的现代颜色选择器
前端·javascript·开源
装不满的克莱因瓶1 天前
设计模式之策略模式核心概念和应用场景
java·后端·设计模式·架构·系统架构·策略模式