适配器模式

浪子不回头ぞ 提交于 2019-12-17 20:02:09

旧接口格式和使用者不兼容,中间加一个适配转换接口。比如生活中去香港或国外,电源接口跟国内不同就得需要一个转换器。
在这里插入图片描述
应用:

  1. 封装旧接口
  2. Vue computed方法
    在这里插入图片描述

举例一:

class Adaptee{
    constructor(name){
        this.name = name;
    }
    specificRequest(){
        return `English:${this.name}`;
    }
}

class Target{
    constructor(name){
        this.adaptee = new Adaptee(name);
    }
    request(){
        let info = this.adaptee.specificRequest();
        return `${info} =》 中文:陈开心`;
    }
}

let target = new Target('happy chen');

let result = target.request();
console.log(result);

举例二:

ajax({
    url:'/getData',
    type:'Post',
    dataType:'json',
    data:{
        id:66
    }
})
.done(function(){});

//历史原因,代码中全都是:
$.ajax({...})

//做一层适配器
var $ = {
    ajax:function(options){
        return ajax(options);
    }
}
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!