设计模式-外观模式

介绍

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

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 分钟前
设计模式-访问者模式
前端·后端·设计模式
IT小白架构师之路1 小时前
常用设计模式系列(十五)—解释器模式
设计模式·解释器模式
蝸牛ちゃん1 小时前
设计模式(二十三)行为型:模板方法模式详解
设计模式·系统架构·软考高级·模板方法模式
蝸牛ちゃん2 小时前
设计模式(十七)行为型:迭代器模式详解
设计模式·系统架构·迭代器模式·软考高级
蝸牛ちゃん2 小时前
设计模式(十五)行为型:命令模式详解
设计模式·系统架构·软考高级·命令模式
蝸牛ちゃん20 小时前
设计模式(七)结构型:适配器模式详解
设计模式·系统架构·软考高级·适配器模式
蝸牛ちゃん21 小时前
设计模式(十二)结构型:享元模式详解
设计模式·系统架构·软考高级·享元模式
蝸牛ちゃん1 天前
设计模式(十三)结构型:代理模式详解
设计模式·系统架构·代理模式·软考高级
贱贱的剑1 天前
8. 状态模式
设计模式·状态模式
永卿0012 天前
设计模式-迭代器模式
java·设计模式·迭代器模式