外观模式

外观模式

外观模式Facade Pattern又称为门面模式,它是一种对象结构型模式,外部与一个子系统的通信必须通过一个统一的外观对象进行,为子系统中的一组接口提供一个一致的界面,外观模式定义了一个高层接口,这个接口使得这一子系统更加容易使用,外观模式在Js中常常用于解决浏览器兼容性问题。

描述

根据单一职责原则,在软件中将一个系统划分为若干个子系统有利于降低整个系统的复杂性,一个常见的设计目标是使子系统间的通信和相互依赖关系达到最小,而达到该目标的途径之一就是引入一个外观对象,其为子系统的访问提供了一个简单而单一的入口。外观模式也是迪米特法则的体现,通过引入一个新的外观类可以降低原有系统的复杂度,同时降低客户类与子系统类的耦合度。外观模式还要求一个子系统的外部与其内部的通信通过一个统一的外观对象进行,外观类将客户端与子系统的内部复杂性分隔开,使得客户端只需要与外观对象打交道,而不需要与子系统内部的很多对象打交道,能够降低系统的复杂程度。

模式结构

  • Facade: 外观角色。
  • SubSystem: 子系统角色。

优点

  • 对客户屏蔽子系统组件,减少了客户处理的对象数目并使得子系统使用起来更加容易。通过引入外观模式,客户代码将变得很简单,与之关联的对象也很少。
  • 实现了子系统与客户之间的松耦合关系,这使得子系统的组件变化不会影响到调用它的客户类,只需要调整外观类即可。
  • 降低了大型软件系统中的编译依赖性,并简化了系统在不同平台之间的移植过程,因为编译一个子系统一般不需要编译所有其他的子系统。一个子系统的修改对其他子系统没有任何影响,而且子系统内部变化也不会影响到外观对象。
  • 只是提供了一个访问子系统的统一入口,并不影响用户直接使用子系统类。

缺点

  • 不能很好地限制客户使用子系统类,如果对客户访问子系统类做太多的限制则减少了可变性和灵活性。
  • 在不引入抽象外观类的情况下,增加新的子系统可能需要修改外观类或客户端的源代码,违背了开闭原则。

实现

/*
 * 注册元素事件 addEvent函数即为外观角色 将各种浏览器作为子系统角色
 * @param element [必填] 要绑定的元素
 * @param type [必填] 事件类型
 * @param fn [必填] 回调函数
 */
function addEvent(element, type, fn) {
    if (element.addEventListener) { // DOM2级事件支持addEventListener方法
        element.addEventListener(type, fn, false)
    } else if (element.attachEvent) { // 支持attachEvent方法
        element.attachEvent("on" + type, fn)
    } else {
        element["on" + type] = fn // 都不支持的浏览器以DOM0级事件绑定
    }
}

每日一题

https://github.com/WindrunnerMax/EveryDay

参考

https://segmentfault.com/a/1190000014132789
https://www.runoob.com/design-pattern/facade-pattern.html
https://design-patterns.readthedocs.io/zh_CN/latest/structural_patterns/facade.html

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • HTTP协议发展历程

    HTTP超文本传输协议是一个用于传输超文本文档的应用层协议,它是为Web浏览器与Web服务器之间的通信而设计的,HTTP协议到目前为止全部的版本可以分为HTTP...

    WindrunnerMax
  • 文本溢出截断省略

    文本溢出截断省略是比较常见的业务场景,主要分为单行文本溢出截断省略与多行文本溢出截断省略,单行的截断方案比较简单,多行截断相对比较复杂。

    WindrunnerMax
  • tmpwatch命令

    tmpwatch递归删除给定时间内未访问的文件,通常用于清理用于临时存放空间的目录,并可以设置文件超期时间,默认单位以小时计算。

    WindrunnerMax
  • 『设计模式』外观模式--这篇博客也太明了吧

    外部与一个子系统的通信必须通过一个统一的外观(Facade)对象进行,这就是外观模式。

    风骨散人Chiam
  • 设计模式之外观模式

    1.外观模式简介 外观模式介绍 当我们开发Android的时候,无论是做SDK还是封装API,我们大多都会用到外观模式,它通过一个外观类使得整个系统的结构只有一...

    用户1269200
  • LeetCode 202. 快乐数(快慢指针)

    Michael阿明
  • 外观模式(Facade Pattern) - 最易懂的设计模式解析

    定义了一个高层、统一的接口,外部与通过这个统一的接口对子系统中的一群接口进行访问。

    Carson.Ho
  • 学习前端前必知的——HTTP协议详解

    原文参考博客园http://kb.cnblogs.com/page/130970/#statecode

    超然
  • 技术分享 | 基于Intel Analytics Zoo的人脸识别应用与实践(下)

    本Demo示例中视频源使用的是一路本地视频文件,在实际中也可以对接多路视频服务器,基于Analytics Zoo集群并行处理。

    灯塔大数据
  • 使用Pandas&NumPy进行数据清洗的6大常用方法

    数据科学家花了大量的时间清洗数据集,并将这些数据转换为他们可以处理的格式。事实上,很多数据科学家声称开始获取和清洗数据的工作量要占整个工作的80%。

    双面人

扫码关注云+社区

领取腾讯云代金券