JavaScript 設(shè)計模式(中)——14.適配器模式

14 適配器模式

適配器模式的作用是解決兩個軟件實體間的接口不兼容的問題;

14.1 適配器模式實例

在之前的地圖的例子中咬最,使用多態(tài)的思想,實現(xiàn)同一個操作在不同的對象產(chǎn)生不同的結(jié)果欠动,如下代碼:

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 ); // 輸出:開始渲染百度地圖

上面代碼運行的關(guān)鍵在于 googleMap 和 baiduMap 提供了一致的 show 方法永乌,若第三方接口方法不在約定中(如不是 show 方法),那么需要增加一個適配函數(shù)來解決問題具伍,如下:

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

14.2 適配器模式小結(jié)

適配器模式是一對相對簡單的模式翅雏,在提到的設(shè)計模式中,有一些模式跟適配器模式的結(jié)構(gòu)非常相似人芽,比如裝飾者模式望几、代理模式和外觀模式。這幾種模式都屬于“包裝模式”啼肩,都是由一個對象來包裝另一個對象橄妆,它們的關(guān)鍵區(qū)別是模式的意圖;

下面對這幾種 包裝模式 進行介紹:

  • 適配器模式主要用來解決兩個已有接口之間不匹配的問題祈坠,它不考慮這些接口是怎樣實現(xiàn)的害碾,也不考慮它們將來可能會如何演化。適配器模式不需要改變已有的接口赦拘,就能夠使它們協(xié)同作用慌随。
  • 裝飾者模式和代理模式也不會改變原有對象的接口,但裝飾者模式的作用是為了給對象增加功能。裝飾者模式常常形成一條長的裝飾鏈阁猜,而適配器模式通常只包裝一次丸逸。代理模式是為了控制對對象的訪問,通常也只包裝一次剃袍。
  • 外觀模式的作用和適配器比較相似黄刚,可以把外觀模式看成一組對象的適配器,但外觀模式最顯著的特點是定義了一個新的接口民效。

系列鏈接

  1. JavaScript 設(shè)計模式(上)——基礎(chǔ)知識
  2. JavaScript 設(shè)計模式(中)——1.單例模式
  3. JavaScript 設(shè)計模式(中)——2.策略模式
  4. JavaScript 設(shè)計模式(中)——3.代理模式
  5. JavaScript 設(shè)計模式(中)——4.迭代器模式
  6. JavaScript 設(shè)計模式(中)——5.發(fā)布訂閱模式
  7. JavaScript 設(shè)計模式(中)——6.命令模式
  8. JavaScript 設(shè)計模式(中)——7.組合模式
  9. JavaScript 設(shè)計模式(中)——8.模板方法模式
  10. JavaScript 設(shè)計模式(中)——9.享元模式
  11. JavaScript 設(shè)計模式(中)——10.職責鏈模式
  12. JavaScript 設(shè)計模式(中)——11. 中介者模式
  13. JavaScript 設(shè)計模式(中)——12. 裝飾者模式
  14. JavaScript 設(shè)計模式(中)——13.狀態(tài)模式
  15. JavaScript 設(shè)計模式(中)——14.適配器模式
  16. JavaScript 設(shè)計模式(下)——設(shè)計原則
  17. JavaScript 設(shè)計模式練習代碼

本文主要參考了《JavaScript設(shè)計模式和開發(fā)實踐》一書

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末憔维,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子畏邢,更是在濱河造成了極大的恐慌业扒,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,591評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件舒萎,死亡現(xiàn)場離奇詭異程储,居然都是意外死亡,警方通過查閱死者的電腦和手機臂寝,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評論 3 392
  • 文/潘曉璐 我一進店門章鲤,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人交煞,你說我怎么就攤上這事咏窿。” “怎么了素征?”我有些...
    開封第一講書人閱讀 162,823評論 0 353
  • 文/不壞的土叔 我叫張陵集嵌,是天一觀的道長。 經(jīng)常有香客問我御毅,道長根欧,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,204評論 1 292
  • 正文 為了忘掉前任端蛆,我火速辦了婚禮凤粗,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘今豆。我一直安慰自己嫌拣,他們只是感情好,可當我...
    茶點故事閱讀 67,228評論 6 388
  • 文/花漫 我一把揭開白布呆躲。 她就那樣靜靜地躺著异逐,像睡著了一般。 火紅的嫁衣襯著肌膚如雪插掂。 梳的紋絲不亂的頭發(fā)上灰瞻,一...
    開封第一講書人閱讀 51,190評論 1 299
  • 那天腥例,我揣著相機與錄音,去河邊找鬼酝润。 笑死燎竖,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的要销。 我是一名探鬼主播构回,決...
    沈念sama閱讀 40,078評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼疏咐!你這毒婦竟也來了捐凭?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,923評論 0 274
  • 序言:老撾萬榮一對情侶失蹤凳鬓,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后患民,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體缩举,經(jīng)...
    沈念sama閱讀 45,334評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,550評論 2 333
  • 正文 我和宋清朗相戀三年匹颤,在試婚紗的時候發(fā)現(xiàn)自己被綠了仅孩。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,727評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡印蓖,死狀恐怖辽慕,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情赦肃,我是刑警寧澤溅蛉,帶...
    沈念sama閱讀 35,428評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站他宛,受9級特大地震影響船侧,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜厅各,卻給世界環(huán)境...
    茶點故事閱讀 41,022評論 3 326
  • 文/蒙蒙 一镜撩、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧队塘,春花似錦袁梗、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,672評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至投放,卻和暖如春奈泪,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,826評論 1 269
  • 我被黑心中介騙來泰國打工涝桅, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留拜姿,地道東北人。 一個月前我還...
    沈念sama閱讀 47,734評論 2 368
  • 正文 我出身青樓冯遂,卻偏偏與公主長得像蕊肥,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子蛤肌,可洞房花燭夜當晚...
    茶點故事閱讀 44,619評論 2 354

推薦閱讀更多精彩內(nèi)容