设计模式-外观模式

介绍

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

UML类图

场景

js 复制代码
function bindEvent(elem, type, selector, fn) {
    if (fn === null) {
        fn = selector
        selector = null
    }
    
    // ******
}

// 调用
bindEvent(elem, 'click', '#div1', fn)
bindEvent(elem, 'click', fn)

设计原则验证

  • 不符合单一职责原则和开放封闭原则,因此谨慎使用,不可滥用
相关推荐
Asort43 分钟前
JavaScript设计模式(七)——桥接模式:解耦抽象与实现的优雅之道
前端·javascript·设计模式
原则猫2 小时前
单例模式工程运用
前端·设计模式
charlie11451419112 小时前
精读C++20设计模式:行为型设计模式:中介者模式
c++·学习·设计模式·c++20·中介者模式
虫师c15 小时前
分布式系统设计模式:从理论到实践
微服务·设计模式·系统架构·高可用·分布式系统
半旧夜夏15 小时前
【设计模式】核心设计模式实战
java·spring boot·设计模式
ThisIsMirror17 小时前
设计模式简要介绍
设计模式
Lei活在当下1 天前
【业务场景架构实战】7. 多代智能手表适配:Android APP 表盘编辑页的功能驱动设计
android·设计模式·架构
澄澈i1 天前
设计模式学习[20]---桥接模式
c++·学习·设计模式·桥接模式
o0向阳而生0o1 天前
106、23种设计模式之备忘录模式(15/23)
设计模式·备忘录模式
小猪佩奇TONY1 天前
C++ 学习(3) ----设计模式
c++·学习·设计模式