手机版

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

时间:2021-08-30 来源:互联网 编辑:宝哥软件园 浏览:

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

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

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

三、以设计模式中的咖啡还是茶来说明模板方法模式:

1、模板平均来说,代码如下:

定义变量饮料=function(){ };饮料。原型。沸水=函数(){ console.log('把水煮沸');};饮料瓶=函数(){抛出新的错误('子类必须重写'倾砧';};饮料。原型。添加调味品=函数(){抛出新的错误('子类必须重写添加调味品方法' );};开始吧。原型。客户瓦特条件=函数(){返回true//默认需要调料};开始吧。原型。init=function(){ this。boile water();这个。brew();这个。pourincup();如果(这个。customerwatntcodings()){//如果挂钩返回没错,则需要调料这个。add conditions();}};2、子类继承父类

var coffee with k=function(){ };coffee with book . prototype=新饮料();带书的咖啡。原型。brew=function(){ console。日志('把咖啡倒进杯子');};带书的咖啡。原型。add conditions=function(){ console。日志('加糖和牛奶');};带书的咖啡。原型。customerwatntcodings=function(){ return window。确认('请问需要调料吗?');};3、煮一杯咖啡

var coffee with k=new coffee with k();没有咖啡。init();四、另一种写法

定义变量饮料=函数(参数){ var沸水=函数(){ console.log('把水煮沸' );};var brew=param。brew | | function(){ 0抛出新的错误('必须传递啤酒方法' );};var pour incup=param。pour inup | | function(){ 0抛出新的错误('必须传递pourInCup方法' );};var addconditions=param。add conditions | | function(){ 0抛出新的错误('必须传递添加调味品方法' );};var F=function(){ };原型。init=function(){ boile water();brew();pour incop();add conditions();};返回f;};var Coffee=饮料({ brew : function(){ console。日志('用沸水冲泡咖啡' );},pourInCup:函数(){ console.log('把咖啡倒进杯子');},add conditions : function(){ console。日志('加糖和牛奶');}});var Coffee=新咖啡();咖啡。init();上述代码使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试运行结果:

更多关于Java脚本语言相关内容可查看本站专题: 《javascript面向对象入门教程》 、 《JavaScript切换特效与技巧总结》 、 《JavaScript查找算法技巧总结》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。

版权声明:JavaScript设计模式之模板方法模式原理与用法示例是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。