外观模式(Facade Pattern)

对外提供单一接口，来隐藏系统的复杂性

外观模式的实例

比如目前有几种形状类型，假设这几个形状设计的特别复杂，这个时候你肯定不愿意修改这些接口然后来提供新的接口

  1. class Rectangle {
  2.     draw() {
  3.        console.log("Rectangle::draw()");
  4.     }
  5. }
  7. class Square {
  8.     draw() {
  9.        console.log("Square::draw()");
  10.     }
  11. }
  13. class Circle {
  14.     draw() {
  15.        console.log("Circle::draw()");
  16.     }
  17. }

那么可以用外观模式来隐藏这些复杂的接口调用，对外暴露更加单一的接口调用方式

  1. class ShapeMaker {
  2.     constructor() {
  3.         this.circle = new Circle();
  4.         this.rectangle = new Rectangle();
  5.         this.square = new Square();
  6.     }
  8.     drawCircle(){
  9.         this.circle.draw();
  10.     }
  11.     drawRectangle(){
  12.         this.rectangle.draw();
  13.     }
  14.     drawSquare(){
  15.         this.square.draw();
  16.     }
  17. }

那么我们使用的时候就更不需要考虑里面复杂的接口，而直接使用外观模式暴露的接口就好了

  1. const shapeMaker = new ShapeMaker();
  3. shapeMaker.drawCircle();
  4. shapeMaker.drawRectangle();
  5. shapeMaker.drawSquare();
  6. /**
  7.  * output:
  8.  * Circle::draw()
  9.  * Rectangle::draw()
  10.  * Square::draw()
  11.  */

外观模式的优势

隐藏内部的复杂性，这样能减少一些对内部修改的可能，同时对外暴露单一功能接口，也有利于降低复杂性。

上一页(装饰器模式)

下一页(享元模式)