JS设计模式之模板方法

介绍

模板方法（TemplateMethod）定义了一个操作中的算法的骨架，而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个算法的结构即可重定义该算法的某些特定步骤。

模板方法是一种代码复用的基本技术，在类库中尤为重要，因为他们提取了类库中的公共行为。模板方法导致一种反向的控制结构，这种结构就是传说中的“好莱坞法则”，即“别找我们，我们找你”，这指的是父类调用一个子类的操作，而不是相反。

正文

在例子中聊，泡茶和泡咖啡有同样的步骤，比如烧开水（boilWater）、冲泡（brew）、倒在杯子里（pourOnCup），加小料（addCondiments）等等。但每种饮料冲泡的方法以及所加的小料不一样，所以我们可以利用模板方法实现这个主要步骤。

首先先来定义抽象步骤（模板）：

var CaffeineBeverage = function () {

};
CaffeineBeverage.prototype.prepareRecipe = function () {
this.boilWater();
this.brew();
this.pourOnCup();
if (this.customerWantsCondiments()) {
// 如果想加小料，就加上
this.addCondiments();
}
};
CaffeineBeverage.prototype.boilWater = function () {
console.log("将水烧开!");
};
CaffeineBeverage.prototype.pourOnCup = function () {
console.log("将饮料到再杯子里!");
};
CaffeineBeverage.prototype.brew = function () {
throw new Error("该方法必须重写!");
};
CaffeineBeverage.prototype.addCondiments = function () {
throw new Error("该方法必须重写!");
};
// 默认加上小料
CaffeineBeverage.prototype.customerWantsCondiments = function () {
return true;
};

下面两个函数分别是冲咖啡和冲茶所对应的函数：

// 冲咖啡
var Coffee = function () {
CaffeineBeverage.apply(this);
};
Coffee.prototype = new CaffeineBeverage();
Coffee.prototype.brew = function () {
console.log("从咖啡机想咖啡倒进去!");
};
Coffee.prototype.addCondiments = function () {
console.log("添加糖和牛奶");
};
Coffee.prototype.customerWantsCondiments = function () {
return confirm("你想添加糖和牛奶吗？");
};

//冲茶
var Tea = function () {
CaffeineBeverage.apply(this);
};
Tea.prototype = new CaffeineBeverage();
Tea.prototype.brew = function () {
console.log("泡茶叶!");
};
Tea.prototype.addCondiments = function () {
console.log("添加柠檬!");
};
Tea.prototype.customerWantsCondiments = function () {
return confirm("你想添加柠檬嘛？");
};

使用confirm，可以让用户自己选择加不加小料，很不错嘛！

总结

模板方法应用于下列情况：

一次性实现一个算法的不变的部分，并将可变的行为留给子类来实现

各子类中公共的行为应被提取出来并集中到一个公共父类中以避免代码重复，不同之处分离为新的操作，分别实现

控制子类扩展，模板方法可以只在特定点调用“Hook”操作，这样就只允许在这些点进行扩展。

注：

钩子（Hook）操作，它提供了缺省的行为，子类在必要时进行扩展。一个钩子操作的缺省操作通常是一个空操作。在模板方法中应指明哪些操是钩子操作（可以被重定义）以及哪些是抽象操作（必须被重定义）

和策略模式不同，模板方法使用继承来改变算法的一部分，而策略模式使用委托来改变整个算法（这一点暂时不是很明白，学习策略模式后再回来理解）。