JavaScript设计模式之模板方法模式原理与用法示例

前端之家收集整理的这篇文章主要介绍了JavaScript设计模式之模板方法模式原理与用法示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了JavaScript设计模式之模板方法模式原理与用法分享给大家供大家参考,具体如下:

一、模板方法模式:一种只需使用继承就可以实现的非常简单的模式。

二、模板方法模式由两部分组成,第一部分是抽象父类,第二部分是具体的实现子类。

三、以设计模式中的Coffee or Tea来说明模板方法模式:

1、模板Brverage,代码如下:

方法' ); }; Beverage.prototype.customerWantsConditions = function(){ return true; //默认需要调料 }; Beverage.prototype.init = function(){ this.boilWater(); this.brew(); this.pourInCup(); if(this.customerWantsCondiments()){ //如果挂钩返回true,则需要调料 this.addCondiments(); } };

2、子类继承父类

3、煮一杯咖啡

四、另一种写法

方法' ); }; var pourInCup = param.pourInCup || function(){ throw new Error( '必须传递pourInCup方法' ); }; var addCondiments = param.addCondiments || function(){ throw new Error( '必须传递addCondiments方法' ); }; var F = function(){}; F.prototype.init = function(){ boilWater(); brew(); pourInCup(); addCondiments(); }; return F; }; var Coffee = Beverage({ brew: function(){ console.log( '用沸水冲泡咖啡' ); },pourInCup: function(){ console.log('把咖啡倒进杯子'); },addCondiments: function(){ console.log('加糖和牛奶'); } }); var coffee = new Coffee(); coffee.init();

上述代码使用在线HTML/CSS/JavaScript代码运行工具测试运行结果:

更多关于JavaScript相关内容可查看本站专题:《》、《》、《》、《》、《》、《》及《

希望本文所述对大家JavaScript程序设计有所帮助。

猜你在找的JavaScript相关文章