JavaScript設計模式-適配器模式

概念

??適配器模式的作用是解決兩個軟件實體間的接口不兼容的問題浓恶。使用適配器模式之后固以,原本由于接口不兼容而不能工作的兩個軟件實體可以一起工作掂僵。

描述

??在程序開發(fā)中有許多這樣的場景:當試圖調用模塊或者對象的某個接口時稿辙,卻發(fā)現(xiàn)這個接口的格式并不符合目前的需求昆码。這時候有兩種解決辦法,第一種是修改原來的接口實現(xiàn)邻储,但如果原來的模塊很復雜赋咽,或者拿到的模塊是一段別人編寫的經過壓縮的代碼,修改原接口就顯得不太現(xiàn)實了吨娜。第二種辦法是創(chuàng)建一個適配器脓匿,將原接口轉換為客戶希望的另一個接口,客戶只需要和適配器打交道萌壳。
??如果現(xiàn)有的接口已經能夠正常工作,那就無需適配器模式日月。適配器模式是一種“亡羊補牢”的模式袱瓮,沒有人會在程序的設計之初就使用它。
??適配器在生活中的應用非常廣泛爱咬,我國的生活居民區(qū)交流電壓是220V尺借,日本和韓國的交流電壓大多是100V,而英國和澳大利亞的是240V精拟。筆記本電腦的電源適配器就承擔了轉換電壓的作用燎斩,電源適配器使筆記本電腦在100V~240V的電壓之內都能正常工作虱歪,這也是它為什么被稱為電源“適配器”的原因。

應用

??現(xiàn)在舉個實例栅表,向googleMap和baiduMap都發(fā)出“顯示”請求時笋鄙,googleMap和baiduMap分別以各自的方式在頁面中展現(xiàn)了地圖:

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方法,但實際開發(fā)中第三方的接口方法并不在控制范圍之內怪瓶,假如baiduMap提供的顯示地圖的方法不叫show而叫display呢萧落?
??baiduMap這個對象來源于第三方,正常情況下都不應該去改動它洗贰。此時可以通過增加baiduMapAdapter來解決問題:

var googleMap = {
    show: function(){
        console.log( '開始渲染谷歌地圖' );
    }
};
var baiduMap = {
    display: function(){
        console.log( '開始渲染百度地圖' );
    }
};
var baiduMapAdapter = {
    show: function(){
        return baiduMap.display();

    }
};

renderMap( googleMap ); // 輸出:開始渲染谷歌地圖
renderMap( baiduMapAdapter ); // 輸出:開始渲染百度地圖

小結

??適配器模式主要用來解決兩個已有接口之間不匹配的問題找岖,它不考慮這些接口是怎樣實現(xiàn)的,也不考慮它們將來可能會如何演化敛滋。適配器模式不需要改變已有的接口许布,就能夠使它們協(xié)同作用。

參考文獻

《JavaScript設計模式與開發(fā)實踐》

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末绎晃,一起剝皮案震驚了整個濱河市蜜唾,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌箕昭,老刑警劉巖灵妨,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異落竹,居然都是意外死亡泌霍,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進店門述召,熙熙樓的掌柜王于貴愁眉苦臉地迎上來朱转,“玉大人,你說我怎么就攤上這事积暖√傥” “怎么了?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵夺刑,是天一觀的道長缅疟。 經常有香客問我,道長遍愿,這世上最難降的妖魔是什么存淫? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮沼填,結果婚禮上桅咆,老公的妹妹穿的比我還像新娘。我一直安慰自己坞笙,他們只是感情好岩饼,可當我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布荚虚。 她就那樣靜靜地躺著,像睡著了一般籍茧。 火紅的嫁衣襯著肌膚如雪版述。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天硕糊,我揣著相機與錄音院水,去河邊找鬼。 笑死简十,一個胖子當著我的面吹牛檬某,可吹牛的內容都是我干的。 我是一名探鬼主播螟蝙,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼恢恼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了胰默?” 一聲冷哼從身側響起场斑,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎牵署,沒想到半個月后漏隐,有當地人在樹林里發(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡奴迅,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年青责,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片取具。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡脖隶,死狀恐怖,靈堂內的尸體忽然破棺而出暇检,到底是詐尸還是另有隱情产阱,我是刑警寧澤,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布块仆,位于F島的核電站构蹬,受9級特大地震影響,放射性物質發(fā)生泄漏悔据。R本人自食惡果不足惜庄敛,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蜜暑。 院中可真熱鬧铐姚,春花似錦策肝、人聲如沸肛捍。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽拙毫。三九已至依许,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間缀蹄,已是汗流浹背峭跳。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留缺前,地道東北人蛀醉。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像衅码,于是被迫代替她去往敵國和親拯刁。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內容