设计模式-外观模式

介绍

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

UML类图

场景

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

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

设计原则验证

  • 不符合单一职责原则和开放封闭原则,因此谨慎使用,不可滥用
相关推荐
WaaTong1 小时前
《重学Java设计模式》之 原型模式
java·设计模式·原型模式
霁月风1 小时前
设计模式——观察者模式
c++·观察者模式·设计模式
暗黑起源喵4 小时前
设计模式-工厂设计模式
java·开发语言·设计模式
wrx繁星点点11 小时前
状态模式(State Pattern)详解
java·开发语言·ui·设计模式·状态模式
金池尽干13 小时前
设计模式之——观察者模式
观察者模式·设计模式
也无晴也无风雨13 小时前
代码中的设计模式-策略模式
设计模式·bash·策略模式
捕鲸叉1 天前
MVC(Model-View-Controller)模式概述
开发语言·c++·设计模式
wrx繁星点点1 天前
享元模式:高效管理共享对象的设计模式
java·开发语言·spring·设计模式·maven·intellij-idea·享元模式
凉辰1 天前
设计模式 策略模式 场景Vue (技术提升)
vue.js·设计模式·策略模式
菜菜-plus1 天前
java设计模式之策略模式
java·设计模式·策略模式