JavaScript设计模式——外观模式

57 阅读1分钟

介绍

外观模式,提供了一个统一的接口,用于访问子系统中一组接口。让外界减少与子系统内多个模块的直接交互,从而减少耦合。

代码

class SubSystem1 {
  operation1() {
    console.log('子系统1的操作');
  }
}

class SubSystem2 {
  operation2() {
    console.log('子系统2的操作');
  }
}

class Facade {
  constructor() {
    this.subSystem1 = new SubSystem1();
    this.subSystem2 = new SubSystem2();
  }

  operation() {
    this.subSystem1.operation1();
    this.subSystem2.operation2();
  }
}

// 使用外观类简化操作
const facade = new Facade();
facade.operation();