适配器模式

适配器不会去改变实现层、实现层不属于它的职责范围,它干涉了抽象过程,外部接口的适配能够让同一个方法适用于多种系统,也就是说它会将一个类的接口转换成客户希望的另一个接口,适配器模式让那些接口不兼容的类可以一起工作

// 腾讯地图
class TencentMap {TencentMapShow() {console.log("显示腾讯地图")}
}class BaiduMap {BaiduMapShow() {console.log("显示百度地图")}
}// 适配器class TencentMapAdapter extends TencentMap {constructor() {super()}// 渲染render() {this.TencentMapShow()}
}class BaiduMapAdapter extends BaiduMap {constructor() {super()}// 渲染render() {this.BaiduMapShow()}
}// 使用者const renderMap = (mapStyle) => mapStyle.render()// 调用地图let userP = "IQQO"if (!userP === "IQQO") renderMap(new TencentMapAdapter())
else renderMap(new BaiduMapAdapter())

JavaScript设计模式 - 适配器模式相关推荐

  1. javascript设计模式-适配器模式

    适配器模式的主要作用是将一个类的接口转换成客户希望的另外一个接口.适配器模式使得原本由于接口不兼容而不能一起工作的那些对象(类)可以一起工作. UML示意图: 例如,鸭子有fly方法和quack(嘎嘎 ...

  2. JavaScript设计模式(三):结构型设计模式-外观模式、适配器模式、代理模式、装饰者模式、桥接模式、组合模式、享元模式

    JavaScript设计模式 - 结构型设计模式 套餐服务-外观模式 外观模式(Facade) 水管弯弯-适配器模式 适配器模式(Adapter) 适配异类框架 参数适配 牛郎织女-代理模式 代理模式 ...

  3. JavaScript设计模式与开发实践——JavaScript的多态

    "多态"一词源于希腊文polymorphism,拆开来看是poly(复数)+ morph(形态)+ ism,从字面上我们可以理解为复数形态. 多态的实际含义是:同一操作作用于不同的 ...

  4. 《JavaScript设计模式与开发实践》阅读摘要

    <JavaScript设计模式与开发实践>作者:曾探 系统的介绍了各种模式,以及js中的实现.应用,以及超大量高质量代码,绝对值得一读 面向对象的js 静态类型:编译时便已确定变量的类型 ...

  5. JavaScript设计模式——单例模式的理解与应用

    JavaScript设计模式--对单例模式的一些见解 JavaScript设计模式主要分类: ①创建型设计模式,例如单例模式.工厂模式 ②结构型设计模式,例如装饰者模式.适配器模式 ③行为型设计模式, ...

  6. javascript设计模式系列 - LukeLin - 博客园

    javascript设计模式系列 创建型: 1.抽象工厂模式(Abstract Factory) 2.构建者模式(Builder) 3.工厂方法模式(Factory Method) 4.原型模式(Pr ...

  7. 模式(一)javascript设计模式

    模式有三种:Architectural Pattern.Design Pattern.Coding Pattern,即:框架模式.设计模式.编程模式.本文主要讲解javascript中的设计模式,好的 ...

  8. JavaScript 设计模式核⼼原理与应⽤实践 之 结构型设计模式

    JavaScript 设计模式核⼼原理与应⽤实践 之 结构型设计模式 结构型:装饰器模式--对象装上它,就像开了挂 装饰器模式,又名装饰者模式.它的定义是"在不改变原对象的基础上,通过对其进 ...

  9. javascript设计模式_JavaScript 设计模式 学习总结

    ---------------------------------------------------------------------------------------------------- ...

  10. JavaScript设计模式返璞归真

    闲话 本文写于2月初,原分享在有道云笔记上,现在转移到此.现阶段对于设计模式的理解还没有能力对本文的框架做出大的翻新,所以暂且原样搬过来了. 本文不从名目众多的设计模式谈起,而是为语言能力.代码优化. ...

最新文章

  1. AngularJS基本知识点
  2. 在大数据时代,每家公司都要有大数据部门吗?
  3. 划分VLAN,以及VLAN间通信
  4. 算法总结之 一行代码求两个数的最大公约数
  5. linux下vhd win10,利用win10纯净版系统的VHD虚拟硬盘安装win10系统的方法
  6. Ubuntu 16.04 软件安装
  7. 快速发布发包平台技术论坛
  8. linux服务器知识学习:linux系统centos7国内镜像下载地址
  9. 卖零食靠什么产品引流?零食店怎么做引流?
  10. Spring Boot @DeleteMapping(转)
  11. Android开发之EditText多行文本输入
  12. 100道面试题,能否进蚂蚁看你了!
  13. FLEAPHP框架的数据库操作
  14. 计算机网络专用术语基本概念
  15. 人工智能:第十章 机器视觉
  16. 小小爬虫成长记第一天
  17. Android程序简历这样写,拿到offer的几率提升80%
  18. transparent(指定透明度)
  19. 常用线缆用量计算公式大汇总
  20. 损失函数里的from_logits=False是什么意思

热门文章

  1. 【金融系列】使用Python分析债券,画零息利率曲线,对债券进行精确定价,计算债券的麦考利久期、修正久期和凸度,并进行价格敏感性分析
  2. 学硕计算机可考大数据博士吗,专硕考博比学硕考博难度更大吗?听听上岸的人怎么说...
  3. 扩展YouTube视频频道,提高业务增量
  4. median函数的使用方法_如何在Google表格中使用MEDIAN函数
  5. android系统解锁,android 调用系统解锁方法
  6. 磁珠 符号_史上最全面的磁珠知识大全
  7. OpenSSL之自签名证书认证
  8. 雷达多普勒频率计算公式_详细分析:合成孔径雷达成像技术
  9. 计算机二级真题论文排版,计算机二级word真题:供应链的管理论文排版
  10. Ci522 13.56MHz非接触式读写器芯片--Si522 Lowcost版本