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

2019-11-20 14:03:36

字體：大中小

來源：轉載

供稿：網友

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

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

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

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

2019-10-23 09:17:05

2019-10-21 09:20:02

2019-10-21 09:00:12

2019-09-26 08:57:12

2019-09-25 08:46:36

2019-09-25 08:15:43

疑難解答

圖片精選

網友關注

国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本