js设计模式之适配器模式

最新推荐文章于 2024-10-02 05:39:15 发布

光影少年

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量409

点赞数 7

文章标签： javascript 设计模式适配器模式

本文链接：https://blog.csdn.net/qq_25416827/article/details/135329897

版权

文章介绍了如何在JavaScript中使用GoogleMap和BaiduMap，并通过BaiduMapAdapter适配器进行统一显示。render函数根据传入对象的show方法类型决定调用哪个地图的显示方法。

摘要由CSDN通过智能技术生成

   class GoogleMap{
       show(){
           console.log("渲染谷歌地图")
       }
   }
   class  BaiduMap{
       display(){
           console.log("渲染百度地图")
       }
   }

   /**
    * 适配器
    * @param map
    */
    class BaiduMapAdapter{
        show(){
            const baiduMap=new BaiduMap()
            return baiduMap.display()
        }
    }
   function render(map){
       if(map.show instanceof Function){
           map.show()
       }
   }
   render(new GoogleMap())
   render(new BaiduMapAdapter())