为子系统的一组接口提供一个一致的界面，定义了一个高层接口，这个接口使子系统更加容易使用

  1. 兼容浏览器事件绑定

    1. let addMyEvent = function (el, ev, fn) {
    2. if (el.addEventListener) {
    3.  el.addEventListener(ev, fn, false)
    4. } else if (el.attachEvent) {
    5.  el.attachEvent('on' + ev, fn)
    6. } else {
    7.  el['on' + ev] = fn
    8. }
    9. };

  2. 封装接口

    1. let myEvent = {
    2.  // ...
    3.  stop: e => {
    4.      e.stopPropagation();
    5.      e.preventDefault();
    6.  }
    7. };

    场景

  • 设计初期，应该要有意识地将不同的两个层分离，比如经典的三层结构，在数据访问层和业务逻辑层、业务逻辑层和表示层之间建立外观Facade
  • 在开发阶段，子系统往往因为不断的重构演化而变得越来越复杂，增加外观Facade可以提供一个简单的接口，减少他们之间的依赖。
  • 在维护一个遗留的大型系统时，可能这个系统已经很难维护了，这时候使用外观Facade也是非常合适的，为系系统开发一个外观Facade类，为设计粗糙和高度复杂的遗留代码提供比较清晰的接口，让新系统和Facade对象交互，Facade与遗留代码交互所有的复杂工作。

参考： 大话设计模式

优点

  • 减少系统相互依赖。
  • 提高灵活性。

  • 提高了安全性

    缺点

  • 不符合开闭原则，如果要改东西很麻烦，继承重写都不合适。