JavaScript设计模式之外观模式

w候人兮猗

发布于 2020-07-01 08:38:49

28800

代码可运行

文章被收录于专栏：w候人兮猗的博客w候人兮猗的博客

运行总次数：0

代码可运行

Contents

1 介绍
2 UML
3 代码演示

介绍

为子系统中的一组接口提供了一个高层接口
使用者使用这个高层接口

– 原来的系统中用户对接每一个子系统 – 使用外观模式之后用户只需要对接外观那个高层接口即可

UML

代码演示

      function bindEvent(elem,type,selector,fn) {
        if(fn == null){
            fn = selector
            selector = null
        }
        // *****
    }
    bindEvent(elem,'click','#div1',fn)
    bindEvent(elem,'click',fn)

对于相同的功能，有的需要多个参数的如果没有多个参数一般需要定义多个不同的方法去实现，这里直接定义一个外观模式去判断实现只用一个方法完成多个任务

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019年1月16日，如有侵权请联系 cloudcommunity@tencent.com 删除

uml

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

uml

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

5859

Go 开发者必备：Protocol Buffers 入门指南

3481

10分钟带你彻底搞懂分布式链路跟踪

2586

JavaScript 设计模式学习第十五篇－外观模式

jquery java git github

外观模式（Facade Pattern）又叫门面模式，定义一个将子系统的一组接口集成在一起的高层接口，以提供一个一致的外观。外观模式让外界减少与子系统内多个模块的直接交互，从而减少耦合，让外界可以更轻松地使用子系统。本质是封装交互，简化调用。

越陌度阡

2020/11/26

5380

外观模式（javascript版）6

javascript

核心是如去医院看病，可能要去挂号、门诊、划价、取药，让患者或患者家属觉得很复杂，如果有提供接待人员，只让接待人员来处理，就很方便。像工厂模式把

贵哥的编程之路

2020/10/28

2480

深入理解JavaScript系列（30）：设计模式之外观模式

javascript 接口开发者

外观模式（Facade）为子系统中的一组接口提供了一个一致的界面，此模块定义了一个高层接口，这个接口值得这一子系统更加容易使用。

用户4962466

2020/01/15

2780

设计模式之外观模式

uml

好不容易盼到周末啦！Jungle想吃点好的犒劳自己！吃什么呢？回锅肉！是的，吃回锅肉！

用户6557940

2022/07/24

3650

以jq为案例查看外观模式

其他

套餐服务–外观模式，属于大类结构型设计模式的一种，通常是为一组复杂的子系统接口提供一个更高级的统一接口，通过这个接口让使用者对子系统的接口更加容易访问。

RobinsonZhang

2018/12/19

7260

设计模式(12)[JS版]--JavaScript必会设计模式之外观模式（Façade Pattern）

api

外观模式为子系统提供了一个接口，它屏蔽一个或多个子系统的复杂功，提供了一个一致的界面（接口）给用户。外观模式是一个非常简单的模式，但它的功能却很很强大，非常有用。外观模式不仅简化类中的接口，而且对接口与调用者也进行了解耦。外观模式可以将一些复杂操作封装起来，并创建一个简单的接囗用于调用，它经常出现在多层架构的系统中。

AlbertYang

2020/09/08

7490

设计模式(12)[JS版]--JavaScript必会设计模式之外观模式（Façade Pattern）

图解Java设计模式之外观模式

接口

组建一个家庭影院： DVD 播放器、投影仪、自动屏幕、环绕立体声、爆米花机,要求完成使用家庭影院的功能，其过程为: 直接用遥控器:统筹各设备开关开爆米花机放下屏幕开投影仪开音响开 DVD，选 dvd 去拿爆米花调暗灯光播放观影结束后，关闭各种设备

海仔

2020/03/26

5050

JS 外观模式

java 缓存

外观模式（Facade）为子系统中的一组接口提供了一个一致的界面，此模块定义了一个高层接口，这个接口值得这一子系统更加容易使用。外观模式在JS中常常用于解决浏览器兼容性问题。

前端下午茶

2018/10/22

1.5K0

设计模式之外观模式

android api

1.外观模式简介外观模式介绍当我们开发Android的时候，无论是做SDK还是封装API，我们大多都会用到外观模式，它通过一个外观类使得整个系统的结构只有一个统一的高层接口，这样能降低用户的使用成

用户1269200

2018/02/01

6030

「聊设计模式」之外观模式（Facade）

设计模式 2023腾讯·技术创作特训营第三期

🏆本文收录于《聊设计模式》专栏，专门攻坚指数级提升，助你一臂之力，带你早日登顶🚀，欢迎持续关注&&收藏&&订阅！

bug菌

2023/11/09

4380

设计模式之外观模式

设计模式系统管理接口客户端

为子系统中的一组接口提供一个一致的界面，外观模式定义了一个高层接口，使得子系统更容易使用。

九转成圣

2024/04/15

1160

【设计模式 08】外观模式

github sdn 代理接口客户端

为子系统中的一组接口提供一个一致的界面,此模式定义了一个高层接口,这个接口使得这一子系统更加容易使用。

JuneBao

2022/10/26

2480

设计模式之外观模式

dp 接口重构

外观模式（Facade）是23种设计模式之一，也称为门面模式。DP中是这么定义外观模式的：

端碗吹水

2020/09/23

3560

设计模式-外观模式

uml disk memory service

这是我们平时开发用的最多的模式之一，可以说我们每天都在用这个模式在写代码，只是我们可能没有意识到。

码哥字节

2020/03/24

4080

详解设计模式：外观模式

xml

外观模式（Facade Pattern），又称为门面模式，是 GoF 的 23 种设计模式中的一种结构型设计模式。

栗筝i

2022/12/02

4790

精读《设计模式 - Facade 外观模式》

iphone typescript app 设计模式

意图：为子系统中的一组接口提供一个一致的界面，Facade 模式定义了一个高层接口，这个接口使得这一子系统更加容易使用。

黄子毅

2022/03/14

2700

05-05-设计模式外观模式

mybatis

DVD播放器、投影仪、自动屏幕、环绕立体声、爆米花机,要求完成使用家庭影院的功能，其过程为：

彼岸舞

2022/05/28

2380

设计模式之外观模式

设计模式 2024腾讯·技术创作特训营第五期

外观模式（Facade Pattern）是一种结构型设计模式，它提供了一个简化系统接口的高层接口，使得系统更易于使用。外观模式定义了一个高层接口，这个接口隐藏了系统中多个子系统的复杂性，为客户端提供了一个简化的入口点。

孟斯特

2024/01/31

1650

Java设计模式之外观模式

2024腾讯·技术创作特训营第五期

外观模式是一种常见的设计模式，它属于结构型模式。该模式提供了一个统一的接口，以隐藏系统的复杂性，并将其与客户端分离开来。在 Java 中，外观模式可以帮助我们简化复杂系统的使用，并提供更简洁的接口供客户端调用。

刺槐儿

2024/01/26

2890

设计模式之外观模式-总结

java

凯哥突然感觉，使用家庭影院这个例子不恰当。换个通俗易懂的。去银行存取钱。这个案例大家都遇到过吧。

凯哥Java

2019/09/04

4610