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

tianren124 发布于2019-08-22 15:58 / 3173人阅读

摘要：外观模式外观模式是指提供一个统一的接口去访问多个子系统的多个不同的接口，为子系统中的一组接口提供统一的高层接口。外观模式在我们的日常工作中十分常见。

外观模式

外观模式是指提供一个统一的接口去访问多个子系统的多个不同的接口，为子系统中的一组接口提供统一的高层接口。使得子系统更容易使用，不仅简化类中的接口，而且实现调用者和接口的解耦。
外观模式在我们的日常工作中十分常见。

我们来看一个例子：

// 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);

与适配器模式的区别

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

GPU云服务器云服务器外观模式 javascript设计模式 javascript命令模式 javascript严格模式

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/93918.html

开发之路（设计模式八：外观模式）

摘要：改变接口的新模式，为了简化接口这次带来的模式为外观模式，之所以这么称呼，因为它将一个或多个类复杂的一切都隐藏起来。改变接口的新模式，为了简化接口这次带来的模式为外观模式，之所以这么称呼，因为它将一个或多个类复杂的一切都隐藏起来。我依旧举生活中例子，现在有些朋友家的液晶电视可能是大尺寸的，或者有用投影仪来看电视，打游戏的。有一天我想用家庭影院系统在家里看一次大片。 ...

hosition 2019-08-16 10:47 评论0 收藏0
JS或Jquery

摘要：大潮来袭前端开发能做些什么去年谷歌和火狐针对提出了的标准，顾名思义，即的体验方式，我们可以戴着头显享受沉浸式的网页，新的标准让我们可以使用语言来开发。 VR 大潮来袭 --- 前端开发能做些什么去年谷歌和火狐针对 WebVR 提出了 WebVR API 的标准，顾名思义，WebVR 即 web + VR 的体验方式，我们可以戴着头显享受沉浸式的网页，新的 API 标准让我们可以使用 ...

CatalpaFlat 2019-08-22 11:17 评论0 收藏0
JS 外观模式

摘要：外观模式在中常常用于解决浏览器兼容性问题。实现外观模式不仅简化类中的接口，而且对接口与调用者也进行了解耦。外观模式的优势是易于使用，而且本身也比较轻量级。 1. 简介外观模式（Facade）为子系统中的一组接口提供了一个一致的界面，此模块定义了一个高层接口，这个接口值得这一子系统更加容易使用。外观模式在JS中常常用于解决浏览器兼容性问题。 2. 实现外观模式不仅简化类中的接口，而且...

BothEyes1993 2019-08-22 11:18 评论0 收藏0
外观设计模式

摘要：外观设计模式的优点易于使用在实现形式上通常占用较小的内存。抽象的注意事项外观设计模式虽然少有劣势，但值得注意的一个问题是性能。当我们竖起一个门面时，我们向外展示的只是一种外表，它可能隐藏着一个非同一般的事实。这也就是我们所要说的外观设计模式，这种模式为一大段的代码体提供了一个便捷的高级接口，隐藏了底层复杂的实现。这种设计模式简化代码的呈现形式，给开发人员一个API，同时也能提高代码的...

zzbo 2019-08-21 18:30 评论0 收藏0
JS设计模式之Facade（外观）模式

摘要：概念模式为更大的代码提供了一个方便的高层次接口，能够隐藏其底层的真是复杂性。参考设计模式设计模式系列文章设计模式之模块模式揭示模块模式设计模式之单例模式设计模式之外观模式概念 Facade模式为更大的代码提供了一个方便的高层次接口，能够隐藏其底层的真是复杂性。可以把它想成是简化API来展示给其他开发人员。优缺点优点简化接口使用者与代码解耦易于使用缺点存在隐性成本，性...

xiaodao 2019-08-23 13:57 评论0 收藏0