首頁 > web前端 > js教程 > JavaScript設計模式系列八:外觀模式

JavaScript設計模式系列八:外觀模式

不言
發布: 2018-04-02 14:23:56
原創
1041 人瀏覽過

這篇文章跟大家分享了JavaScript設計模式系列八:外觀模式,有興趣的朋友可以看一下

外觀模式

外觀模式是指提供一個統一的接口去存取多個子系統的多個不同的接口,為子系統中的一組接口提供統一的高層接口。使得子系統更容易使用,不僅簡化類別中的接口,而且實現呼叫者和接口的解耦。
外觀模式在我們的日常工作中十分常見。

我們來看一個例子:

// a.js
export default {
  getA (params) {
    // do something...
  }
}

// b.js 
export default {
  getB (params) {
    // do something...
  }
}

// app.js  外观模式为子系统提供同一的高层接口
import A from './a'
import B from './b'
export default {
  A,
  B
}
登入後複製
// 通过同一接口调用子系统

import app from './app'

app.A.getA(params);
app.B.getB(params);
登入後複製

與適配器模式的區別

適配器模式是將一個物件包裝起來以改變其接口,而外觀模式是將一群對象包裝起來以簡化其接口。
適配器是將接口轉換為不同接口,而外觀模式是提供一個統一的接口來簡化接口。

相關推薦:

JavaScript設計模式系列三:建造者模式

JavaScript設計模式系列五:適配器模式



以上是JavaScript設計模式系列八:外觀模式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板