JavaScript 适配器模式

2019-07-22 11:20:34 浏览数 (1)

1. JavaScript 适配器模式

旧接口格式和使用者不兼容的情况下需要加一个适配转换接口,无需要改变旧的接口格式。水一篇文章。。。

eg: 电源适配器

实现步骤

  • 针对 A 类创建一个 B 转换类
  • B 类中的 constructor 初始化中创建一个实例 instance
  • 利用类的多态特性覆盖 A 类的方法

代码实现

class 语法

代码语言:javascript复制
class Plug {
    constructor(type) {
        this.type = type
    }
    getType() {
        return this.type
    }
}

class Adapter {
    constructor(oldType, newType) {
        this.plug = new Plug(oldType) // 初始化实例
        this.oldType = oldType
        this.newType = newType
    }
    getOldType() {
        return this.oldType
    }
    getType() { // 覆盖
        return this.newType
    }
}

let adapter = new Adapter('hdmi', 'typec')
let res = adapter.getType()
res // typec

res = adapter.getOldType()
res // hdmi

函数式

代码语言:javascript复制
let hdmi = {
    getType() {
        return 'HDMI'
    }
}

let typeC = {
    getType() {
        return 'type-c'
    }
}

function typeCAdapter(plug) {
    return {
        getType() { // 覆盖
            return hdmi.getType()
        }
    }
}

res = typeCAdapter(typeC).getType()
res // HDMI

0 人点赞