秋雨
首页
  • HTML
  • CSS
  • JavaScript
设计模式
webpack
  • 前端常识
  • ES
  • React
  • Redux
  • ReactRouter
  • 事件循环
  • 浏览器渲染流程
  • Vue项目性能优化
  • Vue
  • App
Github
首页
  • HTML
  • CSS
  • JavaScript
设计模式
webpack
  • 前端常识
  • ES
  • React
  • Redux
  • ReactRouter
  • 事件循环
  • 浏览器渲染流程
  • Vue项目性能优化
  • Vue
  • App
Github
  • 构造器模式
  • 原型链模式
  • 工厂模式
  • 抽象工厂模式
  • 建造者模式
  • 单例模式
  • 装饰器模式
  • 适配器模式
  • 适配器模式
  • 代理模式
  • 观察者模式
  • 发布订阅模式
  • 模块模式
  • 桥接模式
  • 组合模式
  • 命令模式
  • 命令模式
  • 迭代器模式
  • 职责链模式

简介

将一个类的接口转换成客户希望的另一个接口, 适配器模式让那些接口不兼容的类可以一起工作

ES6

class TencentMap {
  show() {
    console.log("开始渲染腾讯地图");
  }
}

class BaiduMap {
  display() {
    console.log("开始渲染百度地图");
  }
}

class TencentAdapater extends TencentMap {
  constructor() {
    super();
  }

  display() {
    this.show();
  }
}

function renderMap(map) {
  map.display();
}

renderMap(new TencentAdapater());
renderMap(new BaiduMap());
最后更新:
贡献者: Mrlishizhen
Prev
装饰器模式
Next
适配器模式