当前位置:网站首页 > 技术博客 > 正文

适配器模式的概念



javascript 设计模式之单例模式

javascript 设计模式之适配器模式

javascript 设计模式之装饰者模式

javascript设计模式之代理模式

javascript 适配、代理、装饰者模式的比较

javascript 设计模式之状态模式

javascript 设计模式之迭代器模式

javascript 设计模式之策略模式

javascript 设计模式之观察者模式

javascript 设计模式之发布订阅者模式

适配器模式:将一个类(对象)的接口(方法或属性)转化成客户希望的另外一个接口(方法或属性),使得原本由于接口不兼容而不能一起工作的那些类(对象)可以正常协作。简单理解就是为兼容而生的 “转换器”。

本文代码

比如生活中去香港或国外,电源接口跟国内不同就需要一个转换器 电源转换器 再比如Type-c 转接口,我之前用的耳机线都是圆头的,直到最近买了个小米10 手机,发现它的手机孔竟然是方形的,好在厂商有送了个转换器,我才能继续听歌 耳机转换器

比照上面的定义,

  • 类:小米10
  • 类的接口:方形
  • 客户(我)
  • 另一种接口:圆形
 
 
 

当想使用fetch 发起请求时,只需要按如下方式调用即可:

 

但项目中不免有些旧的接口调用方式,比如有如下的:

 

为了抹平差异,可以采用适配器模式

 

如此一来,就用适配器 (AjaxAdapter) 去承接旧接口的参数,实现新旧接口的无缝对接。

适配器模式非常适用于跨浏览器兼容,例如强大的 jQuery 封装了事件处理的适配器,解决跨浏览器兼容性问题。

 

JavaScript 设计模式核⼼原理与应⽤实践

你的点赞是对我最大的肯定,如果觉得有帮助,请留下你的赞赏,谢谢!!!

版权声明


相关文章:

  • html中框架的用法2024-11-28 07:30:02
  • openapi工具2024-11-28 07:30:02
  • python 规范2024-11-28 07:30:02
  • 网页系统升级中每天自动更新2024-11-28 07:30:02
  • log4net appender2024-11-28 07:30:02
  • 左连接sql语句简单写法2024-11-28 07:30:02
  • 系统封装后怎么备份2024-11-28 07:30:02
  • linux中rename命令详解2024-11-28 07:30:02
  • 思科模拟器3560交换机2024-11-28 07:30:02
  • 黑客软件 黑客工具箱2024-11-28 07:30:02