深入理解JavaScript系列(30):設(shè)計(jì)模式之外觀(guān)模式詳解
來(lái)源:易賢網(wǎng) 閱讀:737 次 日期:2015-03-06 11:03:32
溫馨提示:易賢網(wǎng)小編為您整理了“深入理解JavaScript系列(30):設(shè)計(jì)模式之外觀(guān)模式詳解”,方便廣大網(wǎng)友查閱!

這篇文章主要介紹了深入理解JavaScript系列(30):設(shè)計(jì)模式之外觀(guān)模式詳解,外觀(guān)模式(Facade)為子系統(tǒng)中的一組接口提供了一個(gè)一致的界面,此模塊定義了一個(gè)高層接口,這個(gè)接口值得這一子系統(tǒng)更加容易使用,需要的朋友可以參考下

介紹

外觀(guān)模式(Facade)為子系統(tǒng)中的一組接口提供了一個(gè)一致的界面,此模塊定義了一個(gè)高層接口,這個(gè)接口值得這一子系統(tǒng)更加容易使用。

正文

外觀(guān)模式不僅簡(jiǎn)化類(lèi)中的接口,而且對(duì)接口與調(diào)用者也進(jìn)行了解耦。外觀(guān)模式經(jīng)常被認(rèn)為開(kāi)發(fā)者必備,它可以將一些復(fù)雜操作封裝起來(lái),并創(chuàng)建一個(gè)簡(jiǎn)單的接口用于調(diào)用。

外觀(guān)模式經(jīng)常被用于JavaScript類(lèi)庫(kù)里,通過(guò)它封裝一些接口用于兼容多瀏覽器,外觀(guān)模式可以讓我們間接調(diào)用子系統(tǒng),從而避免因直接訪(fǎng)問(wèn)子系統(tǒng)而產(chǎn)生不必要的錯(cuò)誤。

外觀(guān)模式的優(yōu)勢(shì)是易于使用,而且本身也比較輕量級(jí)。但也有缺點(diǎn) 外觀(guān)模式被開(kāi)發(fā)者連續(xù)使用時(shí)會(huì)產(chǎn)生一定的性能問(wèn)題,因?yàn)樵诿看握{(diào)用時(shí)都要檢測(cè)功能的可用性。

下面是一段未優(yōu)化過(guò)的代碼,我們使用了外觀(guān)模式通過(guò)檢測(cè)瀏覽器特性的方式來(lái)創(chuàng)建一個(gè)跨瀏覽器的使用方法。

代碼如下:

var addMyEvent = function (el, ev, fn) {

if (el.addEventListener) {

el.addEventListener(ev, fn, false);

} else if (el.attachEvent) {

el.attachEvent('on' + ev, fn);

} else {

el['on' + ev] = fn;

}

};

再來(lái)一個(gè)簡(jiǎn)單的例子,說(shuō)白了就是用一個(gè)接口封裝其它的接口:

代碼如下:

var mobileEvent = {

// ...

stop: function (e) {

e.preventDefault();

e.stopPropagation();

}

// ...

};

總結(jié)

那么何時(shí)使用外觀(guān)模式呢?一般來(lái)說(shuō)分三個(gè)階段:

首先,在設(shè)計(jì)初期,應(yīng)該要有意識(shí)地將不同的兩個(gè)層分離,比如經(jīng)典的三層結(jié)構(gòu),在數(shù)據(jù)訪(fǎng)問(wèn)層和業(yè)務(wù)邏輯層、業(yè)務(wù)邏輯層和表示層之間建立外觀(guān)Facade。

其次,在開(kāi)發(fā)階段,子系統(tǒng)往往因?yàn)椴粩嗟闹貥?gòu)演化而變得越來(lái)越復(fù)雜,增加外觀(guān)Facade可以提供一個(gè)簡(jiǎn)單的接口,減少他們之間的依賴(lài)。

第三,在維護(hù)一個(gè)遺留的大型系統(tǒng)時(shí),可能這個(gè)系統(tǒng)已經(jīng)很難維護(hù)了,這時(shí)候使用外觀(guān)Facade也是非常合適的,為系系統(tǒng)開(kāi)發(fā)一個(gè)外觀(guān)Facade類(lèi),為設(shè)計(jì)粗糙和高度復(fù)雜的遺留代碼提供比較清晰的接口,讓新系統(tǒng)和Facade對(duì)象交互,F(xiàn)acade與遺留代碼交互所有的復(fù)雜工作。

更多信息請(qǐng)查看IT技術(shù)專(zhuān)欄

更多信息請(qǐng)查看腳本欄目
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢(xún)回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門(mén)公布的正式信息和咨詢(xún)?yōu)闇?zhǔn)!

2026國(guó)考·省考課程試聽(tīng)報(bào)名

  • 報(bào)班類(lèi)型
  • 姓名
  • 手機(jī)號(hào)
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢(xún) | 簡(jiǎn)要咨詢(xún)須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號(hào):滇ICP備2023014141號(hào)-1 云南省教育廳備案號(hào):云教ICP備0901021 滇公網(wǎng)安備53010202001879號(hào) 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號(hào)
云南網(wǎng)警備案專(zhuān)用圖標(biāo)
聯(lián)系電話(huà):0871-65099533/13759567129 獲取招聘考試信息及咨詢(xún)關(guān)注公眾號(hào):hfpxwx
咨詢(xún)QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專(zhuān)用圖標(biāo)