本文实例讲述了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代码运行工具http://tools.jb51.net/code/HtmlJsRun测试运行结果：
更多关于JavaScript相关内容可查看本站专题：《javascript面向对象入门教程》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
