設(shè)計(jì)模式之外觀模式

介紹

正文

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;    }}; 

再來一個(gè)簡(jiǎn)單的例子，說白了就是用一個(gè)接口封裝其它的接口：

var mobileEvent = {    // ...    stop: function (e) {        e.preventDefault();        e.stopPropagation();    }    // ...};

總結(jié)

那么何時(shí)使用外觀模式呢？一般來說分三個(gè)階段：

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

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

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