介绍

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

外观模式代码示例

  1. function bindEvent(elem, type, selector, fn) {
  2.     if (fn == null) {
  3.         fn = selector;
  4.         selector = null;
  5.     }
  6.     // coding...
  7. }
  9. // 调用
  10. bindEvent(elem, "click", "#div1", fn);
  11. bindEvent(elem, "click", fn);

设计原理验证

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