外觀模式

• 外觀模式
• • 概念
  • 演示
  • 場景
  • 總結

外觀模式

概念

• 為子系統中的一組接口提供了一個高層接口
• 使用者使用這個高層接口

外觀模式（Facade）為子系統中的一組接口提供了一個一致的界面，此模塊定義了一個高層接口，這個接口值得這一子系統更加容易使用。

如去醫院看病，可能要去掛號、門診、劃價、取藥，讓患者或患者家屬覺得很復雜，如果有提供接待人員，只讓接待人員來處理，就很方便。

演示

外觀模式比較簡單，很容易理解。傳統的 UML 圖畫法都是參照 java 語法以及 java 中面向對象設計的

在前端 JS 中，這種子類繼承父類，且是多個子類繼承一個父類的情況不多。因此這里看下這個圖，理解之后就不再演示了。

場景

前端用外觀模式思想，常見最多的就是函數參數的整合，例如

function bindEvent(elem, type, selector, fn) {if (fn == null) {fn = selectorselector = null}// ****** }// 調用 bindEvent(elem, 'click', '#div1', fn) bindEvent(elem, 'click', fn)

在 jQuery 或者 lodash 中，有很多函數都這么設計。

總結

不符合單一職責原則和開放封閉原則，因此謹慎使用，不可濫用

總結

以上是生活随笔為你收集整理的（九）外观模式的全部內容，希望文章能夠幫你解決所遇到的問題。

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