模板方法模式是一种只需使用继承就可以实现的非常简单的模式
它由两部分构成，1.抽象父类2.具体实现子类。通常在抽象父类中封装了子类的算法框架，包括实现一些公共方法以及封装子类中所有的执行顺序，子类通过继承这个抽象类，也继承了整个算法结构，并且可以选择重写父类的方法。
来看一个咖啡与茶的例子
// 1.先泡一杯咖啡classCoffee{boilWater(){console.log('把水煮沸');}brewCoffeeGriends(){console.log('用沸水冲泡咖啡');}pourInCup(){console.log('把咖啡倒进杯子');}addSugarAndMilk(){console.log('加糖和牛奶');}init(){this.boilWater();this.brewCoffeeGriends();this.pourInCup();this.addSugarAndMilk();}}constcoffee=newCoffee();coffee.init();//2.泡一壶茶classTea{boilWater(){console.log('把水煮沸');}steepTeaBag(){console.log('用沸水浸泡茶叶');}pourInCup(){console.log('把茶水倒进杯子');}addLemon(){console.log('加柠檬');}init(){this.boilWater();this.steepTeaBag();this.pourInCup();this.addLemon();}}consttea=newCoffee();tea.init();分离共同点
// 让我们忘记最开始创建的Coffee类和Tea类，现在可以创建一个抽象父类来表示泡一杯饮料的整个过程。abstractclassBeverage{boilWater(){console.log("把水煮沸");}abstractbrew():void;// 抽象方法，由子类重写abstractpourInCup():void;// 抽象方法，由子类重写abstractaddCondiments():void;// 抽象方法，由子类重写init(){this.boilWater();this.brew();this.pourInCup();this.addCondiments();}}// 现在来创建Coffee类和Tea类classCoffeeextendsBeverage{brew():void{console.log("用沸水冲泡咖啡");}pourInCup():void{console.log("把咖啡倒进杯子");}addCondiments():void{console.log("加糖和牛奶");}}classTeaextendsBeverage{brew():void{console.log("用沸水浸泡茶叶");}pourInCup():void{console.log("把茶水倒进杯子");}addCondiments():void{console.log("加柠檬");}}// 使用constcoffee=newCoffee();coffee.init();consttea=newTea();tea.init();在上面的例子中，到底谁才是所谓的模版方法呢，答案是Beverage类中的init方法，该方法封装了子类算法框架，他作为一个算法模版，指导子类以何种顺序去执行那些方法，在init方法中算法内的每一个步骤都清楚地展示在我们面前。
这些算法框架在正常状态下是适用于大多数子类的，但如果有一些特别“个性”的子类呢？比如有一些客人喝咖啡不加调料（糖和牛奶），有什么半打可以让子类不受这个约束呢？那么钩子方法可以用来解决这个问题，放置钩子是隔离变化的一种常见手段。我们在父类中容易变化的地方放置钩子，钩子可以有一个默认的实现，究竟要不要“挂钩”,这由子类自行决定。
abstractclassBeverage{boilWater(){console.log("把水煮沸");}abstractbrew():void;// 抽象方法，由子类重写abstractpourInCup():void;// 抽象方法，由子类重写abstractaddCondiments():void;// 抽象方法，由子类重写customerWantsCondiments(){returntrue;// 默认需要调料}init(){this.boilWater();this.brew();this.pourInCup();if(this.customerWantsCondiments()){//如果挂钩返回true，则需要调料this.addCondiments();}}}// 现在来创建Coffee类和Tea类classCoffeeextendsBeverage{brew():void{console.log("用沸水冲泡咖啡");}pourInCup():void{console.log("把咖啡倒进杯子");}addCondiments():void{console.log("加糖和牛奶");}customerWantsCondiments(){returnwindow.confirm('请问需要调料吗？')}}classTeaextendsBeverage{brew():void{console.log("用沸水浸泡茶叶");}pourInCup():void{console.log("把茶水倒进杯子");}addCondiments():void{console.log("加柠檬");}}// 使用constcoffee=newCoffee();coffee.init();consttea=newTea();tea.init();非原创，来源于javascript设计模式与开发实践 -曾探
