设计模式之适配器模式

adapter

适配器模式解决两个软件实体之间接口不兼容的问题

var googleMap = {
    show: function() {
        console.log("start to render googleMap");
    }
};

var baiduMap = {
    show: function() {
        console.log("start to render baiduMap");
    }
};

function renderMap(map) {
    if (map.show instanceof Function) {
        map.show();
    }
}

renderMap(googleMap);
renderMap(baiduMap);

// 某个第三个接口不适用，可以启动适配器的模式
var googleMap = {
    show: function() {
        console.log("start to render googleMap");
    }
};

var baiduMap = {
    display: function() {
        console.log("start to render baiduMap");
    }
};

var baiduMapAdapt = {
    show: function() {
        return baiduMap.display();
    }
};

function renderMap(map) {
    if (map.show instanceof Function) {
        map.show();
    }
}

renderMap(googleMap);
renderMap(baiduMapAdapt);

FEATURED TAGS

前端开发 H5 JavaScript 设计模式 browser jQuery 源码分析生活 leetcode Array Stack Queue Linked List 剑指offer Binary Search Tree Binary Tree Breadth-First Search Depth-First Search String Set Binary Search Sliding Window Backtracking Dynamic Programming Two Pointers Union Find Sort Bit Operation Recursion Map Graph Search Hash LinkedList QuickSort Trie Design MinHeap Traverse Min Heap Node.js BackEnd SQL MySQL Design Patterns Network 计算机网络 Python

CATALOG

FEATURED TAGS

FRIENDS