最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

关于js的模板方法模式的讲解

来源:懂视网 责编:小采 时间:2020-11-27 19:33:39
文档

关于js的模板方法模式的讲解

关于js的模板方法模式的讲解:这篇文章主要介绍了关于js的模板方法模式的讲解,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下* 分离出共同点function Beverage() {} Beverage.prototype.boilWater = function() { console.log("把水煮沸
推荐度:
导读关于js的模板方法模式的讲解:这篇文章主要介绍了关于js的模板方法模式的讲解,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下* 分离出共同点function Beverage() {} Beverage.prototype.boilWater = function() { console.log("把水煮沸
这篇文章主要介绍了关于js的模板方法模式的讲解,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

* 分离出共同点

function Beverage() {}

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.init = function() {
	this.boilWater();
	this.brew();
	this.pourInCup();
	this.addCondiments();
}

function Coffee() {}

Coffee.prototype = new Beverage();

Coffee.prototype.brew = function() {
	console.log("用沸水冲泡咖啡");
}

Coffee.prototype.pourInCup = function() {
	console.log("把咖啡倒进杯子");
}

Coffee.prototype.addCondiments = function() {
	console.log("加糖和牛奶");
}

var coffee = new Coffee();
// coffee的原型Coffee没有init方法, 
// 顺着原型链委托给父类的Beverage原型上的init方法
coffee.init();

console.log("-------------------------");

function Tea() {}

Tea.prototype = new Beverage();

Tea.prototype.brew = function() {
	console.log("用沸水浸泡茶叶");
}

Tea.prototype.pourInCup = function() {
	console.log("把茶水倒进杯子");
}

Tea.prototype.addCondiments = function() {
	console.log("加柠檬");
}

var tea = new Tea();
tea.init();

文档

关于js的模板方法模式的讲解

关于js的模板方法模式的讲解:这篇文章主要介绍了关于js的模板方法模式的讲解,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下* 分离出共同点function Beverage() {} Beverage.prototype.boilWater = function() { console.log("把水煮沸
推荐度:
标签: 模式 js 模板
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top