Skip to content

Latest commit

 

History

History

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 

README.md

Typescript 设计模式之外观模式

一、简介

根据 “单一职责原则”,在软件中将一个系统划分为若干个子系统有利于降低整个系统的复杂性,一个常见的设计目标是使子系统间的通信和相互依赖关系达到最小,而达到该目标的途径之一就是引入一个外观对象,它为子系统的访问提供了一个简单而单一的入口。

外观模式通过引入一个新的外观类可以降低原有系统的复杂度,同时降低客户类与子系统类的耦合度。外观模式要求一个子系统的外部与其内部的通信通过一个统一的外观对象进行,外观类将客户端与子系统的内部复杂性分隔开,使得客户端只需要与外观对象打交道,而不需要与子系统内部的很多对象打交道。

外观模式与适配器模式很类似,然而它们之间的不同之处是:适配器模式是将一个对象包装起来以改变其接口,而外观是将一群对象 ”包装“起来以简化其接口。它们的意图是不一样的,适配器是将接口转换为不同接口,而外观模式是提供一个统一的接口来简化接口

二、优缺点

优点

  • 对客户屏蔽子系统组件,减少了客户处理的对象数目并使得子系统使用起来更加容易。通过引入外观模式,客户代码将变得很简单,与之关联的对象也很少。
  • 实现了子系统与客户之间的松耦合关系,这使得子系统的组件变化不会影响到调用它的客户类,只需要调整外观类即可。
  • 降低了大型软件系统中的编译依赖性,并简化了系统在不同平台之间的移植过程,因为编译一个子系统一般不需要编译所有其他的子系统。一个子系统的修改对其他子系统没有任何影响,而且子系统内部变化也不会影响到外观对象。
  • 只是提供了一个访问子系统的统一入口,并不影响用户直接使用子系统类。

缺点

  • 不能很好地限制客户使用子系统类,如果对客户访问子系统类做太多的限制则减少了可变性和灵活性。
  • 在不引入抽象外观类的情况下,增加新的子系统可能需要修改外观类或客户端的源代码,违背了 “开闭原则”。

三、应用场景

  • 当要为一个复杂子系统提供一个简单接口时可以使用外观模式。该接口可以满足大多数用户的需求,而且用户也可以越过外观类直接访问子系统。
  • 客户程序与多个子系统之间存在很大的依赖性。引入外观类将子系统与客户以及其他子系统解耦,可以提高子系统的独立性和可移植性。
  • 在层次化结构中,可以使用外观模式定义系统中每一层的入口,层与层之间不直接产生联系,而通过外观类建立联系,降低层之间的耦合度。

四、模式结构

  • 外观模式包含如下角色:
    • Facade: 外观角色
    • SubSystem:子系统角色

facade

五、实战

具体实现

定义 SystemA 类

export class SystemA {
    public operationA(): void {
      console.log("`operationA` of SystemA");
    }
}

定义 SystemB 类

export class SystemB {
    public operationB(): void {
      console.log("`operationB` of SystemB");
    }
}

定义 SystemC 类

export class SystemC {
    public operationC(): void {
      console.log("`operationC` of SystemC");
    }
}

定义外观类

export class Facade {
    private systemA: SystemA = new SystemA();
    private systemB: SystemB = new SystemB();
    private systemC: SystemC = new SystemC();

    public wrapOperation(): void {
      console.log("`wrapOperation` is called ===");
      this.systemA.operationA();
      this.systemB.operationB();
      this.systemC.operationC();
      console.log("==========================");
    }
}

使用示例

export namespace Demo {
    export function show(): void {
      const facade: FacadePattern.Facade = new FacadePattern.Facade();
      facade.wrapOperation();
    }
}