外观模式

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

image.png

应用场景:
◆去医院看病,找接待员去挂号、门诊、划价、取药

image.png

符合的设计原则:
◆ 不符合单一职责原则和开放封闭原则,因此谨慎使用,不可滥用

1. 外观模式demo

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

bindEvent(elem, 'click',  #div1', fn)
bindEvent (elem, 'click', fn)
image.png

你可能感兴趣的:(外观模式)