设计模式-外观模式

介绍

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

UML类图

场景

function bindEvent(elem, type, selector, fn) {
    if (fn === null) {
        fn = selector
        selector = null
    }
    
    // ******
}

// 调用
bindEvent(elem, 'click', '#div1', fn)
bindEvent(elem, 'click', fn)
1
2
3
4
5
6
7
8
9
10
11
12

设计原则验证

• 不符合单一职责原则和开放封闭原则，因此谨慎使用，不可滥用