适配器模式

Author: csxiaoyaojianxian

06-设计模式/0 我的总结.md

@@ -22,4 +22,11 @@
 是不一样的。装饰者模式是实实在在的为对象增加新的职责和行为，而代理做的事情还是跟本体
 一样，最终都是设置 src。但代理可以加入一些“聪明”的功能，比如在图片真正加载好之前，先使用一张占位的 loadin 图片反馈给
 
-状态模式和策略模式的关系
+状态模式和策略模式的关系
+
+ 装饰者模式和代理模式也不会改变原有对象的接口，但装饰者模式的作用是为了给对象
+增加功能。装饰者模式常常形成一条长的装饰链，而适配器模式通常只包装一次。代理
+模式是为了控制对对象的访问，通常也只包装一次。
+ 外观模式的作用倒是和适配器比较相似，有人把外观模式看成一组对象的适配器，但外
+观模式最显著的特点是定义了一个新的接口
+

06-设计模式/17.1 适配器模式.html

@@ -0,0 +1,30 @@
+适配器模式主要用来解决两个已有接口之间不匹配的问题，它不考虑这些接口是怎样实现的，也不考虑它们将来可能会如何演化。
+适配器模式不需要改变已有的接口，就能够使它们协同作用。
+
+<script type="text/javascript">
+var googleMap = {
+    show: function(){
+        console.log( '开始渲染谷歌地图' );
+    }
+};
+var baiduMap = {
+    display: function(){
+        console.log( '开始渲染百度地图' );
+    }
+};
+var renderMap = function( map ){
+    if ( map.show instanceof Function ){
+        map.show();
+    }
+};
+
+// 适配器
+var baiduMapAdapter = {
+    show: function(){
+        return baiduMap.display();
+    }
+};
+
+renderMap( googleMap ); // 输出：开始渲染谷歌地图
+renderMap( baiduMapAdapter ); // 输出：开始渲染百度地图
+</script>