JavaScript设计模式——适配器模式
适配器模式是设计模式行为型模式中的一种模式；
定义：
适配器用来解决两个已有接口之间不匹配的问题，它并不需要考虑接口是如何实现，也不用考虑将来该如何修改；适配器不需要修改已有接口，就可以使他们协同工作；
白话解释：
你买了某种电器产品，准备带回家好好感受该款产品的魅力；结果带回家之后准备通电使用的时候，发现该产品仅支持两孔插座，而你家里的电源插座都是三孔插座；这个时候你总不能又跑去电器专卖店退货吧；突然灵机一动，你想起来了家里还有多功能电源插座，而多功能电源插座恰好就是三孔，于是你拿出你的多功能电源插座插上电源插座，再拿你电器产品的电源插座插在多功能插座上面的两孔插座上，开始享受美滋滋的生活；这里的多功能插座就是一个适配器；
代码实现：
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 ); // 开始渲染百度地图
当然上面的代码是能够正常运行的，这得益于这两个对象中的参数名都是一样的，所以才能够正常的运行和显示；
var googleMap = { show: function(){ console.log( '开始渲染谷歌地图' ); } }; var baiduMap = { display: function(){ console.log( '开始渲染百度地图' ); } };
突然有一天如果baiduMap的方法名改变了呢？那么我们再跟上面一样运行肯定是会报错的，因为baiduMap对象中已经没有了show()这个方法了；
使用适配器模式来修改：
var googleMap = { show: function(){ console.log( '开始渲染谷歌地图' ); } }; var baiduMap = { display: function(){ console.log( '开始渲染百度地图' ); } }; var baiduMapAdapter = { show: function(){ return baiduMap.display(); } }; renderMap( googleMap ); // 开始渲染谷歌地图renderMap( baiduMapAdapter ); // 开始渲染百度地图
在这段代码中适配器做的事情其实很简单，就是创建了一个对象，添加了一个同名的show()方法，然后在适配器里面调用了baiduMap.display()方法，这样我们只需要在调用baiduMap的时候调用我们的适配器即可达到预期效果；
我们作为前端开发人员，对页面上期待得到的数据和数据格式肯定是比较了解的，但是在前后端分离的开发模式中有的时候会遇到这种尴尬的处境：
我们都知道很多UI组件或者工具库会按指定的数据格式进行渲染，但是这个时候后端是不知道的；所以可能接口出来的数据我们是不能直接正常的在页面上渲染的，而此时老板催促我们赶紧上线，而后端坚持认为数据格式没问题，坚决不修改；这个时候我们可以通过适配器模式来前端格式化数据；
后端返回的json数据格式：
[ { "day": "周一"