JavaScript设计模式———适配器模式

适配器模式的作用是解决两个软件实体间的接口不兼容的问题。使用适配器模式之后,原本由于接口不兼容而不能工作的两个软件实体可以一起工作。

适配者模式: 主要用于解决两个接口之间不匹配的问题。
例子:
我们向 googleMap 和 baiduMap 都发出“显示”请求时, googleMap和 baiduMap 分别以各自的方式在页面中展现了地图

var googleMap = {
show: function(){
console.log( '开始渲染谷歌地图' );
}
};
var baiduMap = {
show: function(){
console.log( '开始渲染百度地图' );
}
};
var renderMap = function( map ){
if ( map.show instanceof Function ){
map.show();
}
};
renderMap( googleMap ); // 输出:开始渲染谷歌地图
renderMap( baiduMap ); // 输出:开始渲染百度地图

如果接口不同(如baiduMap使用display方法),可使用适配模式

var googleMap = {
    show: function() {
        console.log('开始渲染谷歌地图');
    }
};
var baiduMap = {
    display: function() {
        console.log('开始渲染百度地图');
    }
};
var baiduMapAdapter = {
    show: function() {
        return baiduMap.display();
    }
};
renderMap(googleMap); // 输出:开始渲染谷歌地图
renderMap(baiduMapAdapter); // 输出:开始渲染百度地图

总结:
适配器模式是一对相对简单的模式。在本书提到的设计模式中,有一些模式跟适配器模式的结构非常相似,比如装饰者模式代理模式外观模式
这几种模式都属于**“包装模式”,都是由一个对象来包装另一个对象**。区别它们的关键仍然是模式的意图。

  • 适配器模式主要用来解决两个已有接口之间不匹配的问题,它不考虑这些接口是怎样实现的,也不考虑它们将来可能会如何演化。适配器模式不需要改变已有的接口,就能够使它们协同作用

  • 装饰者模式和代理模式也不会改变原有对象的接口,但装饰者模式的作用是为了给对象增加功能装饰者模式常常形成一条长的装饰链,而适配器模式通常只包装一次代理模式是为了控制对对象的访问,通常也只包装一次

  • 外观模式的作用倒是和适配器比较相似,有人把外观模式看成一组对象的适配器,但外观模式最显著的特点是定义了一个新的接口

你可能感兴趣的:(JavaScript)