JS常用的設計模式(7)—— 外觀模式

外觀模式(門面模式)，是一種相對簡單而又無處不在的模式。外觀模式提供一個高層接口，這個接口使得客戶端或子系統更加方便調用。
用一段再簡單不過的代碼來表示

var getName = function(){ return ''svenzeng" } var getSex = function(){ return 'man' }

如果你需要分別調用getName和getSex函數. 那可以用一個更高層的接口getUserInfo來調用.

var getUserInfo = function(){ var info = a() + b(); return info; }

也許你會問為什么一開始不把getName和getSex的代碼寫到一起, 比如這樣

var getNameAndSex = function(){ return 'svenzeng" + "man"; }

答案是顯而易見的，飯堂的炒菜師傅不會因為你預定了一份燒鴨和一份白菜就把這兩樣菜炒在一個鍋里。他更愿意給你提供一個燒鴨飯套餐。同樣在程序設計中，我們需要保證函數或者對象盡可能的處在一個合理粒度，畢竟不是每個人喜歡吃燒鴨的同時又剛好喜歡吃白菜。

外觀模式還有一個好處是可以對用戶隱藏真正的實現細節，用戶只關心最高層的接口。比如在燒鴨飯套餐的故事中，你并不關心師傅是先做燒鴨還是先炒白菜，你也不關心那只鴨子是在哪里成長的。

最后寫個我們都用過的外觀模式例子

var stopEvent = function( e ){ //同時阻止事件默認行為和冒泡 e.stopPropagation(); e.preventDefault(); }

?

posted on 2015-02-05 08:59 玲兒靈 閱讀(...) 評論(...) 編輯 收藏

轉載于:https://www.cnblogs.com/jymz/p/4273879.html

總結

以上是生活随笔為你收集整理的JS常用的设计模式(7)—— 外观模式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。