一、面试模板模式是官说什么

在模板模式(Template Pattern)中，一个抽象类公开定义了执行它的说对方法的方式/模板，它的解应景子类可以按需要重写方法实现，但调用将以抽象类中定义的用场方式进行

这种类型的设计模式属于行为型模式

由两部分组成：

抽象父类：封装子类的算法框架，包括实现一些公用方法以及封装在子类中所有方法的面试模板模式执行顺序

具体的实现子类：通过继承这个抽象类，也继承了整个算法，官说并且可以选择重写父类的说对方法

二、使用

例如现在需要泡一杯茶和咖啡，解应景过程如下：

不管是用场泡茶还是咖啡，都有共同的面试模板模式步骤：

煮沸水，相同点 沸水+原料(不同点，官说咖啡，说对茶叶) 将饮料倒入杯子，解应景相同点 加调料(不同点：糖与牛奶，用场柠檬)

可以抽象一个父类继续泡饮料的过程，亿华云计算代码如下：

class Beverage {      init() {          this.boilWater();         this.brew();         this.pourInCup();         this.addCondiments();     }     boilWater() {          console.log(煮沸水);     }     brew() {          throw new Error( 子类必须重写 brew 方法 );     }     pourInCup() {          throw new Error( 子类必须重写 pourInCup 方法 );     }     addCondiments() {          throw new Error( 子类必须重写 addCondiments 方法 );     } } 

因此泡咖啡可以重写父类的方法，如下：

class Coffee {      brew() {          console.log( 用沸水冲泡咖啡 );     }     pourInCup() {          console.log( 把咖啡倒进杯子 );     }     addCondiments() {          console.log( 加糖和牛奶 );     } } 

上述过程中，Beverage.prototype.init就是模板方法，它内部封装了子类的算法框架，它作为一个算法的模板，知道子类以何种顺序执行哪些方法

三、应用场景

在构建一系列的UI组件，这些组件的构建过程一般如下：

初始化一个 div 容器 通过 ajax 请求拉取响应的数据 把数据渲染到 div 容器里面，完成组件的构造 通知用户组件渲染完毕

于是，可以把这四个步骤都抽象到父类的模板方法里面，父类还可以顺便提供第一步和第四步的具体实现。当子类继承这个父类后，只需要重写模板方法里面的 第二步和第三步即可

使用模板方法模式意味着子类放弃了对自己的控制权，而是改为父类通知子类。作为子类，源码下载只负责提供一些设计上的细节

在传统的编程语言中，子类的方法种类以及执行顺序都是不变的，这部分逻辑我们都抽象到了父类中，而子类的方法具体怎么实现是可变的，通过重写父类的方法，将变化的逻辑部分封装到子类中

通过增加新的子类，我们能够给系统增加新的功能的，俺是并不需要修改父类以及其他的子类，这也符合开放-封闭原则

在javascript中，我们不需要依样画瓢去实现一个模板方法模式，因为高阶函数是一个更好的选择

参考文献

https://refactoringguru.cn/design-patterns/template-method

https://zhuanlan.zhihu.com/p/129248167

https://juejin.cn/post/6844903615476269064