设计模式-外观模式

介绍

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

UML类图

场景

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

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

设计原则验证

  • 不符合单一职责原则和开放封闭原则,因此谨慎使用,不可滥用
相关推荐
S-X-S1 分钟前
常用设计模式+集成websocket
websocket·设计模式
编程饭碗4 小时前
【二十三种设计模式】
设计模式
茶本无香11 小时前
设计模式之五—门面模式:简化复杂系统的统一接口
java·设计模式
小码过河.12 小时前
设计模式——模板方法模式
python·设计模式·模板方法模式
Engineer邓祥浩12 小时前
设计模式学习(19) 23-17 观察者模式
学习·观察者模式·设计模式
一条闲鱼_mytube13 小时前
智能体设计模式(六)资源感知优化-推理技术-评估与监控
网络·人工智能·设计模式
一条闲鱼_mytube13 小时前
智能体设计模式(七)优先级排序-探索与发现
网络·人工智能·设计模式
羞儿1 天前
Agent设计模式与工程化
设计模式·知识图谱·agent·rag·mcp·指导开发
点云SLAM1 天前
C++(C++17/20)最佳工厂写法和SLAM应用综合示例
开发语言·c++·设计模式·c++实战·注册工厂模式·c++大工程系统
Yu_Lijing1 天前
基于C++的《Head First设计模式》笔记——状态模式
c++·笔记·设计模式