JavaScript設計模式之外觀模式實例

更新時間：2014年10月10日 09:29:00 投稿：junjie

這篇文章主要介紹了JavaScript設計模式之外觀模式實例,本文用一些代碼實例來講解JavaScript中的外觀模式,需要的朋友可以參考下

外觀模式(門面模式)，是一種相對簡單而又無處不在的模式。外觀模式提供一個高層接口，這個接口使得客戶端或子系統(tǒng)更加方便調(diào)用。

用一段再簡單不過的代碼來表示：

var getName = function(){

return ”svenzeng”

}

var getSex = function(){

return ‘man'

}

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

復制代碼代碼如下:

var getUserInfo = function(){

var info = a() + b();

return info;

}

答案是顯而易見的，飯?zhí)玫某床藥煾挡粫驗槟泐A定了一份燒鴨和一份白菜就把這兩樣菜炒在一個鍋里。他更愿意給你提供一個燒鴨飯?zhí)撞?。同樣在程序設計中，我們需要保證函數(shù)或者對象盡可能的處在一個合理粒度，畢竟不是每個人喜歡吃燒鴨的同時又剛好喜歡吃白菜。

外觀模式還有一個好處是可以對用戶隱藏真正的實現(xiàn)細節(jié)，用戶只關心最高層的接口。比如在燒鴨飯?zhí)撞偷墓适轮校悴⒉魂P心師傅是先做燒鴨還是先炒白菜，你也不關心那只鴨子是在哪里成長的。

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

復制代碼代碼如下:

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

e.stopPropagation();

e.preventDefault();

}

您可能感興趣的文章:

JavaScript實現(xiàn)隨機點名小程序
這篇文章主要介紹了JavaScript實現(xiàn)隨機點名小程序，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-10-10
基于javascript實現(xiàn)碰撞檢測
這篇文章主要為大家詳細介紹了基于javascript實現(xiàn)碰撞檢測，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-03-03
xss文件頁面內(nèi)容讀取(解決)
xss文件頁面內(nèi)容讀取(解決),需要的朋友可以參考下。
2010-11-11
如何使用 JavaScript 操作瀏覽器歷史記錄 API
這篇文章主要介紹了如何使用 JavaScript 操作瀏覽器歷史記錄 API，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下
2020-11-11
JavaScript中日期函數(shù)的相關操作知識
日期函數(shù)是我們經(jīng)常用到的知識點，下面通過本文給大家介紹JavaScript中日期函數(shù)的相關操作知識，非常不錯，感興趣的朋友一起學習吧
2016-08-08
微信小程序頁面間傳遞數(shù)組對象方法解析
這篇文章主要介紹了微信小程序頁面間傳遞數(shù)組對象方法解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2019-11-11
js中判斷一個數(shù)是不是素數(shù)的三種方法例子
這篇文章主要給大家介紹了關于js中如何判斷一個數(shù)是不是素數(shù)的三種方法,素數(shù)(只能被1和本身整除的數(shù))規(guī)律:把這個數(shù)除以它之前的每一個數(shù)(從2開始)只要找到一個整除(余數(shù)為0)就是非素數(shù),需要的朋友可以參考下
2023-10-10
動態(tài)加載圖片路徑保持JavaScript控件的相對獨立性
根據(jù)新界面的要求，需要一部分圖片來增強日期控件的美觀性?？紤]到既要實現(xiàn)加載圖表的目標，又要保持控件的獨立性以便將來的移植。
2010-09-09
8個開發(fā)者必須知道的JavaScript深層概念(推薦)
JavaScript有一個名為“調(diào)用堆?！保–all Stack）的簡單列表，它逐一管理任務（堆棧算法），但是當異步任務被傳遞時，JavaScript會把它彈出到web API，瀏覽器就會處理它，這篇文章主要介紹了8個開發(fā)者必須知道的JavaScript深層概念，需要的朋友可以參考下
2022-10-10
JS實現(xiàn)canvas仿ps橡皮擦刮卡效果詳解
這篇文章主要為大家詳細介紹了使用js中的Canvas實現(xiàn)橡皮擦效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-11-11