设计模式-外观模式

介绍

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

UML类图

场景

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

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

设计原则验证

  • 不符合单一职责原则和开放封闭原则,因此谨慎使用,不可滥用
相关推荐
geovindu17 小时前
go: Read-Write Lock Pattern
开发语言·后端·设计模式·golang·读写锁模式
行走的陀螺仪19 小时前
[特殊字符] JavaScript 设计模式完全指南:从入门到精通(含20种模式)
开发语言·javascript·设计模式
小陶来咯19 小时前
AI Agent 设计模式:ReAct 深度解析
人工智能·react.js·设计模式
多加点辣也没关系21 小时前
设计模式-责任链模式
设计模式·责任链模式
多加点辣也没关系21 小时前
设计模式-命令模式
设计模式·命令模式
benpaodeDD1 天前
视频49——设计模式之责任链模式
设计模式·责任链模式
雪度娃娃1 天前
行为型设计模式——迭代器模式
c++·设计模式·迭代器模式
踩着两条虫1 天前
可视化设计器组件系统:从交互核心到 AI 智能代理的落地实践
开发语言·前端·人工智能·低代码·设计模式·架构
nnsix2 天前
设计模式 - 模板方法模式 笔记
笔记·设计模式·模板方法模式
likerhood2 天前
设计模式-装饰器模式(java)
java·设计模式·装饰器模式