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

不言

发布： 2018-04-02 14:23:56

原创

1182人浏览过

本篇文章给大家分享了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);

登录后复制

与适配器模式的区别

适配器模式是将一个对象包装起来以改变其接口，而外观模式是将一群对象包装起来以简化其接口。
适配器是将接口转换为不同接口，而外观模式是提供一个统一的接口来简化接口。

相关推荐：

追梦flash企业网站管理模板A系列11.0

追梦A系列（11.0版本，以下11.0均简称为A）是针对企业网站定制设计的，模板采用全新AS3.0代码编辑，拥有更快的运行和加载速度，A系列模板主要针对图片展示，拥有简洁大气展示效果，并且可以自由扩展图片分类，同时还拥有三个独立页面介绍栏目，一个新闻栏目，一个服务介绍栏目，一个幻灯片展示和flv视频播放栏目。A系列模板对一些加载效果进行了修改，包括背景的拉伸模式以及标题的展示方式等都进行了调整，同