适配器模式的做用是解决两个软件实体间的接口不兼容的问题。使用适配器模式以后,本来 因为接口不兼容而不能工做的两个软件实体能够一块儿工做。 适配器的别名是包装器(wrapper),这是一个相对简单的模式。在程序开发中有许多这样的 场景:当咱们试图调用模块或者对象的某个接口时,却发现这个接口的格式并不符合目前的需求。 这时候有两种解决办法,第一种是修改原来的接口实现,但若是原来的模块很复杂,或者咱们拿 到的模块是一段别人编写的通过压缩的代码,修改原接口就显得不太现实了。第二种办法是建立 一个适配器,将原接口转换为客户但愿的另外一个接口,客户只须要和适配器打交道。设计模式
如今使用谷歌地图和百度地图在页面展示地图bash
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 ); // 输出:开始渲染百度地图
复制代码
这段程序得以顺利运行的关键是 googleMap 和 baiduMap 提供了一致的 show 方法,但第三方的 接口方法并不在咱们本身的控制范围以内,假如 baiduMap 提供的显示地图的方法不叫 show 而叫 display 呢app
baiduMap 这个对象来源于第三方,正常状况下咱们都不该该去改动它。此时咱们能够经过增 加 baiduMapAdapter 来解决问题post
var googleMap = {
show: function(){
console.log( '开始渲染谷歌地图' );
}
};
var baiduMap = {
display: function(){
console.log( '开始渲染百度地图' );
}
};
var baiduMapAdapter = {
show: function(){
return baiduMap.display();
}
};
renderMap( googleMap ); // 输出:开始渲染谷歌地图
renderMap( baiduMapAdapter ); // 输出:开始渲染百度地图
复制代码