JavaScript設計模式經典之外觀模式
外觀模式(門面模式),是一種相對簡單而又無處不在的模式。外觀模式提供一個高層介面,這個介面使得客戶端或子系統更加方便呼叫。
用一段再簡單不過的程式碼來表示
var getName = function(){
return ”svenzeng”
}
var getSex = function(){
return ‘man’
}
如果你需要分別呼叫getName和getSex函式. 那可以用一個更高層的介面getUserInfo來呼叫.
var getUserInfo = function(){
var info = a() + b();
return info;
}
答案是顯而易見的,飯堂的炒菜師傅不會因為你預定了一份燒鴨和一份白菜就把這兩樣菜炒在一個鍋裡。他更願意給你提供一個燒鴨飯套餐。同樣在程式設計中,我們需要保證函式或者物件儘可能的處在一個合理粒度,畢竟不是每個人喜歡吃燒鴨的同時又剛好喜歡吃白菜。
外觀模式還有一個好處是可以對使用者隱藏真正的實現細節,使用者只關心最高層的介面。比如在燒鴨飯套餐的故事中,你並不關心師傅是先做燒鴨還是先炒白菜,你也不關心那隻鴨子是在哪裡成長的。
最後寫個我們都用過的外觀模式例子
var stopEvent = function( e ){ //同時阻止事件預設行為和冒泡
e.stopPropagation();
e.preventDefault();
}
相關文章
- 設計模式之外觀模式設計模式
- go設計模式之外觀模式Go設計模式
- PHP設計模式之外觀模式PHP設計模式
- Java設計模式之外觀模式Java設計模式
- JavaScript設計模式經典之代理模式JavaScript設計模式
- Java設計模式之外觀模式示例Java設計模式
- Java 設計模式之外觀模式的作用Java設計模式
- 設計模式(十五)----結構型模式之外觀模式設計模式
- JavaScript設計模式之觀察者模式JavaScript設計模式
- 設計模式系列之外觀模式(Facade Pattern)——提供統一的入口設計模式
- 【經典案例】Python詳解設計模式:策略模式Python設計模式
- PHP三大經典設計模式PHP設計模式
- 設計模式-外觀模式設計模式
- JavaScript 設計模式之觀察者模式與釋出訂閱模式JavaScript設計模式
- 《JavaScript設計模式與開發實踐》模式篇(5)—— 觀察者模式JavaScript設計模式
- Python設計模式-外觀模式Python設計模式
- 設計模式 —— 觀察者模式設計模式
- 設計模式(觀察者模式)設計模式
- 設計模式(十)外觀模式設計模式
- 設計模式----觀察者模式設計模式
- 【設計模式】觀察者模式設計模式
- java設計模式-外觀模式Java設計模式
- 設計模式——觀察者模式設計模式
- JavaScript設計模式之釋出-訂閱模式(觀察者模式)-Part2JavaScript設計模式
- 設計模式之【門面模式(外觀模式)】設計模式
- PHP設計模式-觀察者模式PHP設計模式
- Java設計模式-觀察者模式Java設計模式
- 設計模式解析:觀察者模式設計模式
- 《Head First 設計模式》:外觀模式設計模式
- 設計模式之觀察者模式設計模式
- 設計模式之-觀察者模式設計模式
- 設計模式 #6 (觀察者模式)設計模式
- JS設計模式(觀察者模式)JS設計模式
- 設計模式(十六)觀察者模式設計模式
- 軟體設計模式————(外觀模式)設計模式
- 極簡設計模式-外觀模式設計模式
- 設計模式之【觀察者模式】設計模式
- 設計模式(9) 觀察者模式設計模式
- 設計模式-觀察者模式上設計模式