设计模式-外观模式

介绍

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

UML类图

场景

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

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

设计原则验证

  • 不符合单一职责原则和开放封闭原则,因此谨慎使用,不可滥用
相关推荐
糟糕好吃5 小时前
AI 全流程解析(LLM / Token / Context / RAG / Prompt / Tool / Skill / Agent)
前端·后端·设计模式
kvo7f2JTy9 小时前
JAVA 设计模式
java·开发语言·设计模式
程序员小寒11 小时前
JavaScript设计模式(九):工厂模式实现与应用
开发语言·前端·javascript·设计模式
LanceJiang12 小时前
设计模式在前端的简易实现与作用
前端·设计模式
Lyyaoo.13 小时前
【设计模式】工厂模式
java·开发语言·设计模式
楼田莉子14 小时前
设计模式:设计模式的相关概念与原则
c++·学习·设计模式
Rsun045511 天前
0设计模式使用场景
设计模式
妙蛙种子3111 天前
【Java设计模式 | 创建者模式】工厂方法模式
java·后端·设计模式·工厂方法模式
wwdoffice01102 天前
薄 膜 干 涉
设计模式
无籽西瓜a2 天前
【西瓜带你学设计模式 | 第十二期 - 装饰器模式】装饰器模式 —— 动态叠加功能实现、优缺点与适用场景
java·后端·设计模式·软件工程·装饰器模式