美文网首页
外观模式 - 演示与场景

外观模式 - 演示与场景

作者: EmilWong | 来源:发表于2019-06-10 11:20 被阅读0次

UML类图:


image.png

使用场景:
业务场景,多个子系统
代码演示:

function bindEvent(element, type, selector, fn){
    if(fn == null){
        fn = selector
        selector = null
    }
    // 省略若干代码
}
// 调用
bindEvent(element, 'click', '#div1', fn)
bindEvent(element, 'click', fn)

不符合单一职责原则和开放封闭原则,因此谨慎使用,不可随意调用

相关文章

  • 外观模式 - 演示与场景

    UML类图: 使用场景:业务场景,多个子系统代码演示: 不符合单一职责原则和开放封闭原则,因此谨慎使用,不可随意调用

  • 第4章 结构型模式-外观模式

    一、外观模式的简介 二、外观模式的优缺点 三、外观模式的场景 四、外观模式的实例

  • 代理模式 - 演示与场景

    使用场景 VPN代理 SSR UML类图 代码演示: JS使用场景 网页事件代理 jQuery $.proxy E...

  • 状态模式 - 演示与场景

    一个对象有状态变化 每次状态变化都会触发一个逻辑 不能总是if..else来控制

  • 工厂模式 - 演示与场景

    UML类图: 代码模拟: 实例:React.createElement 工厂模式设计原则: 构造函数和创建者分离 ...

  • 装饰器模式 - 演示与场景

    为对象添加新功能 不改变其原有的结构和功能 UML类图: 使用场景:core-decorators API 下一个...

  • 迭代器模式 - 演示与场景

    顺序访问一个集合 使用者无需知道集合的内部结构(封装)UML类图:image.png代码演示: 使用场景:jQue...

  • 单例模式 - 演示与场景

    系统中被唯一使用 一个类只有一个实例示例: 登录框 购物车 UML类图 代码演示: 使用场景:jQuery只有一个...

  • 外观模式,了解一二

    外观模式,它又称什么模式?它是什么类型的模式?它的使用场景,你知道吗? 外观模式(facade pattern),...

  • 观察者模式 - 演示与场景

    发布&订阅 一对多/一对一UML类图:image.png 代码演示: 使用场景:网页事件绑定 Promise三种状...

网友评论

      本文标题:外观模式 - 演示与场景

      本文链接:https://www.haomeiwen.com/subject/pfgaxctx.html