外观模式

外观模式

1. 介绍

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

2. UML 演示

3. 代码演示

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

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

4. 场景

• 去医院看病，接待员去挂号、门诊、划价、取药

5. 设计原则

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