code设计模式-模板方法模式

最新推荐文章于 2025-08-10 08:32:47 发布

原创最新推荐文章于 2025-08-10 08:32:47 发布 · 250 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#设计模式 #模板模式 #继承

设计模式专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种简单的设计模式——模板方法模式，通过一个具体的CoffeeorTea实例详细展示了该模式的实现过程。模板方法模式利用继承特性，在抽象父类中定义了一个算法骨架，并将某些步骤延迟到子类实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.描述：模板方法模式是一种只需要使用继承就可以实现的非常简单的模式，模式由两部分组成-抽象父类和具现子类。通常在抽象父类中封装了子类的算法框架。

2.实例：Coffee or Tea

父类-饮料-步骤：

把水煮沸
用沸水冲泡饮料
把饮料倒进杯子
加调料

var Beverage = function(){};
Beverage.prototype.boilWater = function(){
	console.log('把水煮沸');
}

Beverage.prototype.brew = function(){
	throw new Error('子类必须重写brew方法');
}

Beverage.prototype.pourInCup = function(){
	throw new Error('子类必须重写pourInCup方法');
}

Beverage.prototype.addCondiments = function(){
	throw new Error('子类必须重写addCondiments方法');
}

Beverage.prototype.ifWantsCondiments = function(){//钩子方法
	return true;//是否加调料
}

Beverage.prototype.init = function(){
	this.boilWater();
	this.brew();
	this.pourInCup();
	if(this.ifWantsCondiments()){
		this.addCondiments();
	}
}

//子类coffee
var CoffeeWithHook = function(){};
CoffeeWithHook.prototype = new Beverage();
CoffeeWithHook.prototype.brew = function(){
	console.log('用沸水冲泡咖啡');
};
CoffeeWithHook.prototype.pourInCup = function(){
	console.log('把咖啡倒进杯子');
};
CoffeeWithHook.prototype.addCondiments= function(){
	console.log('加糖和牛奶');
};
CoffeeWithHook.prototype.ifWantsCondiments= function(){
	return window.confirm('请问需要加调料吗？');
};

//泡一杯咖啡
var coffee = new CoffeeWithHook();
coffee.init();