JavaScript設(shè)計模式之外觀模式實例

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

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

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

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

復(fù)制代碼代碼如下:

var getName = function(){

return ”svenzeng”

}

var getSex = function(){

return ‘man'

}

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

復(fù)制代碼代碼如下:

var getUserInfo = function(){

var info = a() + b();

return info;

}

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

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

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

復(fù)制代碼代碼如下:

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

e.stopPropagation();

e.preventDefault();

}

您可能感興趣的文章:

相關(guān)文章

JS隨機打亂數(shù)組的方法小結(jié)
這篇文章主要介紹了JS隨機打亂數(shù)組的方法,結(jié)合實例總結(jié)分析了幾種常用的數(shù)組打亂順序并重新進行排序的技巧,非常簡單實用,需要的朋友可以參考下
2016-06-06
js實現(xiàn)簡單拼圖游戲
這篇文章主要為大家詳細介紹了js實現(xiàn)簡單拼圖游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07
javaScript數(shù)組迭代方法詳解
這篇文章主要為大家詳細介紹了javaScript數(shù)組迭代方法，ECMAScript5為數(shù)組定義了5個迭代方法，感興趣的小伙伴們可以參考一下
2016-04-04
讓AJAX不依賴后端接口實現(xiàn)方案
網(wǎng)頁中的ajax請求越來越多，或者應(yīng)用開始就一直使用ajax與后端進行數(shù)據(jù)交換,本文將詳細介紹，需要的朋友可以參考下
2012-12-12
JS中confirm,alert,prompt函數(shù)使用區(qū)別分析
JS中confirm,alert,prompt函數(shù)使用區(qū)別分析，需要的朋友可以參考下。
2010-04-04
uniapp跨頁面?zhèn)髦祏ni.$emit和uni.$on的使用及踩坑實戰(zhàn)
使用uni.$emit觸發(fā)事件后,對應(yīng)的uni.$on就會監(jiān)聽到事件觸發(fā),在回調(diào)中去執(zhí)行相關(guān)的邏輯,下面這篇文章主要給大家介紹了關(guān)于uniapp跨頁面?zhèn)髦祏ni.$emit和uni.$on的使用及踩坑實戰(zhàn)的相關(guān)資料,需要的朋友可以參考下
2023-04-04
js實現(xiàn)掃雷源代碼
這篇文章主要為大家詳細介紹了js實現(xiàn)掃雷源代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-11-11
詳解JavaScript基本類型和引用類型
這篇文章主要介紹了JavaScript基本類型和引用類型，基本類型中還包含了類型轉(zhuǎn)換，感興趣的小伙伴們可以參考一下
2015-12-12
Echarts?x軸為time的用法代碼示例
平時項目里數(shù)據(jù)可視化展示用的大多是echarts或者highcharts,下面這篇文章主要給大家介紹了關(guān)于Echarts?x軸為time用法的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
2023-11-11
JavaScript編程的10個實用小技巧
盡管我使用Javascript來做開發(fā)有很多年了，但它常有一些讓我很驚訝的小特性。對于我來說，Javascript是需要持續(xù)不斷的學(xué)習(xí)的。
2014-04-04