位置: 编程技术 - 正文

详解JavaScript实现设计模式中的适配器模式的方法(javascriptz)

编辑:rootadmin

推荐整理分享详解JavaScript实现设计模式中的适配器模式的方法(javascriptz),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascriptz,javascript+,javascriptjs,javascript+,js的实现原理,javascript详细介绍,js实例教程,javascript详细介绍,内容如对您有帮助,希望把文章链接给更多的朋友!

有的时候在开发过程中,我们会发现,客户端需要的接口和提供的接口发生不兼容的问题。由于特殊的原因我们无法修改客户端接口。在这种情况下,我们需要适配现有接口和不兼容的类,这就要提到适配器模式。通过适配器,我们可以在不用修改旧代码的情况下也能使用它们,这就是适配器的能力。适配模式可用来在现有接口和不兼容的类之间进行适配,使用这种模式的对象又叫包装器(wrapper),因为它们是在用一个新的接口包装另一个对象。从表面上看,适配器模式很像外观模式。它们都要对别的对象进行包装并改变其呈现的接口。二者的差别在于它们如何改变接口。外观元素展现的是一个简化的接口,它并不提供额外的选择,而且有时为了方便完成常见任务它还会做出一些假定。而适配器则要把一个接口转换为另一个接口,它并不会滤除某些能力,也不会简化接口。如果客户系统API不可用,就需要用到适配器。

基本理论

适配器模式:将一个接口转换成客户端需要的接口而不需要去修改客户端代码,使得不兼容的代码可以一起工作。

适配器主要有3个角色组成:(1)客户端:调用接口的类(2)适配器:用来连接客户端接口和提供服务的接口的类(3)适配者:提供服务,但是却与客户端接口需求不兼容服务类。

适配器模式的实现

1.最简单的适配器

适配器模式没有想象中的那么复杂,举个最简单的例子。客户端调用一个方法进行加法计算:

但是我们没有提供add这个方法,提供了同样类似功能的sum方法:

为了避免修改客户端和服务端,我们增加一个包装函数:

详解JavaScript实现设计模式中的适配器模式的方法(javascriptz)

这就是一个最简单的适配器模式,我们在两个不兼容的接口之间添加一个包装方法,用这个方法来连接二者使其共同工作。

2.实际应用

随着前端框架的发展,越来越多的开发者开始使用MVVM框架进行开发,只需要操作数据而不需要操作DOM元素,jQuery的作用越来越少。而很多项目中还是引用着jQuery库作用工具类,因为我们要利用jQuery提供的ajax去服务器请求数据。如果jQuery在项目中的作用仅仅是作为ajax工具库的话,有点杀鸡焉用牛刀的感觉,造成资源浪费。这个时候我们完全可以封装一个自己的ajax库。假设我们封装的ajax就通过一个函数进行使用:

除了调用接口ajax与jQuery的$.ajax的不同,其他完全一样。项目中请求ajax的地方必然很多,我们替换jQuery的时候不可能一个一个去修改$.ajax,那怎么办呢,这个时候,我们就可以增加一个适配器:

这样就能兼容旧代码和新接口,避免对已有的代码的修改。

总结

适配器模式的原理很简单,就是新增一个包装类,对新的接口进行包装以适应旧代码的调用,避免修改接口和调用代码。适用场景:存在较多代码调用旧接口,为了避免修改旧代码和更换新接口,不影响现有实现方式的应用场景。

1.适配器模式的适用场合:适配器适用于客户系统期待的接口与现有API提供的接口不兼容这种场合。适配器所适配的两个方法执行的应该是类似的任务,否则的话就解决不了问题。就像桥接元素和外观元素一样,通过创建适配器,可以把抽象与其实现隔离开来,以便二者独立变化。

2.适配器模式之利:用一个新的接口对现有类的接口进行包装,这样客户程序就能使用这个并非为其量身打造的类而又无需为此大动手术。

3.设配器模式之弊:有人认为适配器是一种不必要的开销,完全可以通过重写现有代码避免。此外适配器模式也会引入一批需要支持的新工具。如果现有API还未定形,或者新接口还未定形,那么适配器可能不会一直管用。在涉及大型系统和遗留框架的情况下,它的优点往往比缺点更突出。

Adapter适配器模式在JavaScript设计模式编程中的运用分析 定义适配器模式(Adapter)是将一个类(对象)的接口(方法或属性)转化成客户希望的另外一个接口(方法或属性),适配器模式使得原本由于接口不

实现JavaScript的组成----BOM和DOM详解 我们知道,一个完整的JavaScript的实现,需要由三部分组成:ECMAScript(核心),BOM(浏览器对象模型),DOM(文档对象模型)。今天主要学习BOM和DOM。BOM:BOM提供了

JavaScript 基础函数_深入剖析变量和作用域 函数定义和调用定义函数,在JavaScript中,定义函数的方式如下:functionabs(x){if(x=0){returnx;}else{return-x;}}上述abs()函数的定义如下:function指出这是一个函数

标签: javascriptz

本文链接地址:https://www.jiuchutong.com/biancheng/370048.html 转载请保留说明!

上一篇:设计模式中的facade外观模式在JavaScript开发中的运用(设计模式中的行为模式)

下一篇:Adapter适配器模式在JavaScript设计模式编程中的运用分析(适配器模型)

  • 租房抵扣个税计算公式
  • 对方给我公司开的红字发票如何查询
  • 银行短期存款利息怎么算
  • 扣非净利润为什么比净利润低
  • 四种股利分配政策类型
  • 电子发票怎么入库
  • 可转债如何不转换的财务处理
  • 邮寄文件快递费账务处理
  • 个人所得税筹划节税
  • 建筑施工企业销售费用包括哪些
  • 小规模纳税人工资可以抵扣增值税吗
  • 固定资产常用计算公式
  • 长期股权变更
  • 雇主责任险可以税前扣除吗
  • 建筑业的发票
  • 待认证进项税额是什么情况下用的
  • 申报工伤的流程及时间
  • 城市维护建设税属于什么税种
  • 外籍人员在境内取得所得在我国应该计征个人所得税
  • 企业贷款的利息都是固定的吗
  • 金蝶系统怎么修改库存数量
  • 公司账户收款退回怎么退
  • thinkphp yii
  • php日期时间函数
  • 应纳税所得税计算公式
  • 纳税人解除劳动合同证明
  • vue3.0 vite
  • 克雷格格林
  • 什么是工程施工的总纲领
  • tracetcp命令
  • dede转zblog
  • 员工报销车辆费怎么处理
  • 维修费应该计入什么科目
  • 保函被索赔支付什么意思
  • 工业企业取得土地收益
  • 独立核算的分公司可以享受六税两费减半吗
  • 原材料暂估入库分录
  • 存货和固定资产一经计提减值以后期间不得转回
  • MySQL导入导出命令
  • 企业计提五险一金会计分录怎么写
  • 房地产预缴所得税的计税基础
  • 企业所得税什么时候计提
  • 仓库转租合同
  • 现金预算包括哪些内容,来源是什么
  • 前期物业管理阶段的工作有哪些
  • 工程款多付了如何追回
  • 认证过的发票红冲了还要退回吗
  • 用承兑付货款怎么做会计
  • 预收租金会计分录科目
  • 固定资产折旧成本票据类型
  • 商品验收入库时怎么做账
  • 主营业务收入的t型账户怎么写
  • 购买超市购物卡有优惠吗
  • 财税2009年87号文废止
  • 去年的会计凭证做错了,今年发现要怎么修改
  • sql server连接不上服务器怎么办
  • windows安装kafka
  • safari macos
  • windows字幕软件
  • 苹果系统声音怎么设置方法
  • ezulumain.exe是病毒进程吗 ezulumain进程安全吗
  • 电脑硬盘磁盘是什么材料
  • windows 10的回收站在哪里
  • linux软件少
  • 如何开启金山毒霸
  • win7 64位旗舰版系统联网时提示0x80070002的解决方法
  • linux系统修改
  • win8.1安装程序无法确定支持的安装选项
  • 简述opengl的编程步骤
  • bat批处理视频教程
  • 随机色彩
  • jquery删除节点的元素
  • androidstudio git
  • unity dem
  • js如何实现复制
  • 河南省地方税务局公告2017年第4号
  • 天津电子税务局ca证书
  • 火车票抵扣申报表怎么填
  • 2020年砂石
  • 地方财政税收的组成
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设