欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JavaScript设计模式系列八:外观模式

程序员文章站 2022-04-22 16:35:36
...
本篇文章给大家分享了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设计模式系列八:外观模式 的详细内容,更多请关注其它相关文章!