首页  >  文章  >  web前端  >  JavaScript设计模式系列八:外观模式

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

不言
不言原创
2018-04-02 14:23:561016浏览

本篇文章给大家分享了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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn