JavaScript设计模式之模板方法模式原理与用法示例
网络编程 2021-07-04 16:46www.168986.cn编程入门
这篇文章主要介绍了JavaScript设计模式之模板方法模式原理与用法,结合实例形式分析了JavaScript模板方法模式的概念、组成、定义、使用等相关操作技巧与注意事项,需要的朋友可以参考下
本文实例讲述了JavaScript设计模式之模板方法模式原理与用法。分享给大家供大家参考,具体如下:
一、模板方法模式:一种只需使用继承就可以实现的非常简单的模式。
二、模板方法模式由两部分组成,第一部分是抽象父类,第二部分是具体的实现子类。
三、以设计模式中的Coffee or Tea来说明模板方法模式:
1、模板Brverage,代码如下:
var Beverage = function(){}; Beverage.prototype.boilWater = function(){ console.log('把水煮沸'); }; Beverage.prototype.pourInCup = function(){ throw new Error( '子类必须重写pourInCup' ); }; Beverage.prototype.addCondiments = function(){ throw new Error( '子类必须重写addCondiments方法' ); }; Beverage.prototype.customerWantsConditions = function(){ return true; //默认需要调料 }; Beverage.prototype.init = function(){ this.boilWater(); this.brew(); this.pourInCup(); if(this.customerWantsCondiments()){ //如果挂钩返回true,则需要调料 this.addCondiments(); } };
2、子类继承父类
var CoffeeWithHook = function(){}; CoffeeWithHook.prototype = new Beverage(); CoffeeWithHook.prototype.brew = function(){ console.log('把咖啡倒进杯子'); }; CoffeeWithHook.prototype.addCondiments = function(){ console.log('加糖和牛奶'); }; CoffeeWithHook.prototype.customerWantsCondiments = function(){ return window.confirm( '请问需要调料吗?' ); };
3、煮一杯咖啡
var coffeeWithHook = new CoffeeWithHook(); coffeeWithHook.init();
四、另一种写法
var Beverage = function( param ){ var boilWater = function(){ console.log( '把水煮沸' ); }; var brew = param.brew || function(){ throw new Error( '必须传递brew方法' ); }; 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程序设计有所帮助。
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程