关于前端:设计模式之外观模式

61次阅读

共计 1833 个字符，预计需要花费 5 分钟才能阅读完成。

外观模式是一种应用频率十分高的结构型设计模式，它通过引入一个外观角色来简化客户端与子系统之间的交互，为简单的子系统调用提供一个对立的入口，升高子系统与客户端的耦合水平，且客户端调用十分不便。

不晓得大家有没有比拟过本人做饭和去参观吃饭的去边，如果本人做饭须要自行筹备做饭的资料，锅、油盐酱醋等，然而如果去饭店吃饭的话那就不一样了，服务员会给你一个菜单，你通知服务员要吃什么菜，而后服务员去下单。也就是因为饭店有服务员的存在，咱们不须要间接和这些资料间接的接触，整个做饭的过程由饭店厨师来实现，咱们只须要与服务员进行简略的沟通就好了，整个过程十分的省事。

什么是外观模式

外观模式：亦称“过程模式”。学校课程评估模式之一。美国教育学者斯泰克 1967 年在所著《教育评估的外观》中提出。主张依照形容和判断材料来评估课程，要害的流动是在课程施行的全过程中进行察看和收集意见，以理解人们对课程的不同认识。这种模式不限于检查教学的成绩，器重形容和判断教学过程中各种简单、动静的景象和事物。—— 节选自百度百科

外观类为蕴含许多流动部件的简单子系统提供一个简略的接口。与间接调用子系统相比，外观提供的性能可能比拟无限，但它却蕴含了客户端真正关怀的性能。如果你的程序须要与蕴含几十种性能的简单库整合，但只需应用其中非常少的性能，那么应用外观模式会十分不便。

外观模式中一个子系统的内部与其外部的通信通过一个对立的外观类进行，外观类将客户类与子系统的外部复杂性分隔开，是的客户类只须要与外观角色打交道，而不须要与子系统外部的很多对象打交道。

外观模式优缺点

在团队合作时，咱们每个人都会负责不同的模块，有些模块可能会被拆解成更多的子模块。不是模块负责人，可能很难搞分明这些细碎的小模块要如何做合起来实现工作。这个时候，咱们也能够提供外观模式的总接口，这样，负责其它模块的共事不须要搞清楚我的模块的外在逻辑，他只须要援用我的外观模式类，而后调用那个类里的办法，就能实现工作。

长处

升高了子系统与客户端之间的耦合度，使得子系统的变动不会影响调用它的客户类
对客户屏蔽了子系统组件，缩小了客户解决的对象数目，并使得子系统应用起来更加容易
升高了大型软件系统中的编译依赖性，简化了零碎在不同平台之间的移植过程，因为编译一个子系统不会影响其余的子系统，也不会影响外观对象

毛病

不能很好地限度客户应用子系统类，很容易带来未知危险
减少新的子系统可能须要批改外观类或客户端的源代码，违反了 开闭准则

示例

外观模式的次要角色如下：

外观：提供了一种拜访特定子类零碎性能的便捷办法，其理解如何重定向客户端申请，通晓如何操作所有流动部件
创立附加外观：类能够防止多种不相干的性能，净化繁多外观，使其变成有一个简单构造，客户端和其余外观都能够应用附加外观
简单子系统：由数十个不同的对象结构。如果要用这些对象实现有意义的工作，你必须深刻理解子系统的实现细节，比方依照正确程序初始化对象和为其提供正确的格局数据
客户端：应用外观代替对子系统的间接调用

类图如下所示：

代码示例：

class SubSystemA {public MethodA():void{console.log("SubSystemA: 业务实现代码")
  }

}

class SubSystemB {public MethodB():void{console.log("SubSystemB: 业务实现代码")
  }

}

class Facade {private obj1:SubSystemA = new SubSystemA();
  private obj2:SubSystemB = new SubSystemB();

  public Method():void  {this.obj1.MethodA();
    this.obj2.MethodB();}
}

class Program {private facade:Facade = new Facade();

  public start():void {this.facade.Method();
  }

}

const program = new Program();
program.start();