设计模式-外观模式

介绍

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

UML类图

场景

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

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

设计原则验证

  • 不符合单一职责原则和开放封闭原则,因此谨慎使用,不可滥用
相关推荐
z小天才b11 小时前
Java 设计模式完全指南:从入门到精通
java·开发语言·设计模式
kyriewen1111 小时前
Next.js:让你的React应用从“裸奔”到“穿衣服”
开发语言·前端·javascript·react.js·设计模式·ecmascript
A-Jie-Y12 小时前
JAVA设计模式-工厂方法模式
java·设计模式
A-Jie-Y13 小时前
JAVA设计模式-单例模式
java·设计模式
geovindu14 小时前
go: Iterator Pattern
开发语言·设计模式·golang·迭代器模式
Ting.~15 小时前
软件设计师备考笔记【day2】-UML 图解 | 面向对象 | 设计模式
笔记·设计模式·uml
qcx2316 小时前
深入解析,什么是Agent,Agent的 架构与设计模式
设计模式·架构
geovindu1 天前
go: Chain of Responsibility Pattern
开发语言·设计模式·golang·责任链模式
AndreasEmil2 天前
基于多设计模式的抽奖系统 - 测试报告
java·selenium·设计模式·postman
长安11082 天前
设计模式----工厂模式
设计模式