模板设计模式的思路

最新推荐文章于 2024-09-15 22:03:14 发布
最新推荐文章于 2024-09-15 22:03:14 发布
阅读量271 收藏 1
点赞数
分类专栏： javascript 文章标签： 设计模式 
var Coffee = function(){

    }
    Coffee.prototype.boilWater = function(){
        console.log('boilWater')
    }
    Coffee.prototype.brewCoffee = function(){
        console.log('brewCoffee')
    }
    Coffee.prototype.pourInCup = function(){
        console.log('pourInCup')
    }
    Coffee.prototype.addSugarAndMilk = function(){
        console.log('addSugarAndMilk')
    }
    Coffee.prototype.init = function(){
        this.boilWater();
        this.brewCoffee();
        this.pourInCup();
        this.addSugarAndMilk();

    }

    var Tea = function(){

    }
    Tea.prototype.boilWater = function(){
        console.log('boilWater')
    }
    Tea.prototype.steepTea = function(){
        console.log('steepTea')
    }
    Tea.prototype.pourInCup = function(){
        console.log('pourInCup')
    }
    Tea.prototype.addLemon = function(){
        console.log('boilWater')
    }
    Tea.prototype.init = function(){
        this.boilWater();
        this.steepTea();
        this.pourInCup();
        this.addLemon();
    }

如上图我们可以进行抽象：

    var Beverage = function(){

    };
    Beverage.prototype.boilWater = function(){//烧水
        console.log('boilWater'); //子对象不需要重写这个方法，通过原型链
    }
    Beverage.prototype.brew = function(){ //泡饮料
        throw new Error('must rewrite'); //子对象必须重写此方法否则报错
    }
    Beverage.prototype.pourInCup = function(){//倒水
        throw new Error('must rewrite');

    }
    Beverage.prototype.addCondiments = function(){//加调料
        throw new Error('must rewrite');

    }
    Beverage.prototype.init = function(){
        this.boilWater();
        this.brew();
        this.pourInCup();
        this.addCondiments();
    }


    var Coffee = function(){

    }
    Coffee.prototype.boilWater = function(){
        console.log('boilWater')
    }
    Coffee.prototype.brew = function(){
        console.log('brewCoffee');//冲泡
    }
    Coffee.prototype.pourInCup = function(){
        console.log('pourInCup');
    }
    Coffee.prototype.addCondiments = function(){
        console.log('addSugarAndMilk');
    }


    var Tea = function(){

    }
    Tea.prototype.boilWater = function(){
        console.log('boilWater');
    }
    Tea.prototype.steepTea = function(){
        console.log('steepTea');//浸泡
    }
    Tea.prototype.pourInCup = function(){
        console.log('pourInCup');
    }
    Tea.prototype.addCondiments = function(){
        console.log('addLemon')
    }

    Coffee.prototype = new Beverage();
    Tea.prototype = new Beverage();

    var coffee = new Coffee();
    var tea = new Tea();

    coffee.init();
    tea.init();

设计一些钩子函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
</head>
<body>

</body>
</html>
<script type="text/javascript">
    var Beverage = function(){

    };
    Beverage.prototype.boilWater = function(){//烧水
        console.log('boilWater');
    }
    Beverage.prototype.brew = function(){ //泡饮料
        throw new Error('must rewrite');
    }
    Beverage.prototype.pourInCup = function(){//倒水
        throw new Error('must rewrite');

    }
    Beverage.prototype.addCondiments = function(){//加调料
        throw new Error('must rewrite');

    }
    Beverage.prototype.customerWantsCondiments = function(){
        return true;
    }
    Beverage.prototype.init = function(){
        this.boilWater();
        this.brew();
        this.pourInCup();
        if(this.customerWantsCondiments){
            this.addCondiments();
        }
    }


    var Coffee = function(){

    }
    Coffee.prototype.boilWater = function(){
        console.log('boilWater')
    }
    Coffee.prototype.brew = function(){
        console.log('brewCoffee');//冲泡
    }
    Coffee.prototype.pourInCup = function(){
        console.log('pourInCup');
    }
    Coffee.prototype.addCondiments = function(){
        console.log('addSugarAndMilk');
    }


    var Tea = function(){

    }
    Tea.prototype.boilWater = function(){
        console.log('boilWater');
    }
    Tea.prototype.steepTea = function(){
        console.log('steepTea');//浸泡
    }
    Tea.prototype.pourInCup = function(){
        console.log('pourInCup');
    }
    Tea.prototype.addCondiments = function(){
        console.log('addLemon');
    }
    Tea.prototype.customerWantsCondiments = function(){
        return window.confirm('wants condiments?');
    }

    Coffee.prototype = new Beverage();
    Tea.prototype = new Beverage();

    var coffee = new Coffee();
    var tea = new Tea();

    coffee.init();
    tea.init();



</script>
han_hanker
关注
专栏目录
Java设计模式大全：23种常见的设计模式详解（一）
凛鼕将至的博客
02-05 2261
设计模式是一种解决问题的可复用的设计思路，它提供了一套经验丰富且经过验证的解决方案。设计模式可以帮助开发人员在软件开发过程中更加灵活、高效地解决常见问题，并提高代码的可维护性和可扩展性。设计模式提供了一种标准化和结构化的方法来解决一些常见的设计问题，使得代码更易于理解和维护。文章至此，已接近尾声！希望此文能够对大家有所启发和帮助。在未来的技术学习和工作中，期待与各位大佬共同进步，共同探索新的技术前沿。您的支持是作者创作的最大动力，如果您觉得这篇文章对您有所帮助，请考虑给予一点打赏。
模板设计模式
sifanchao的博客
10-26 1万+
模板设计模式—基于抽象类的，核心是封装算法 模板方法定义了一个算法的步骤，并允许子类为一个或多个步骤提供具体实现 模板（模板方法）模式（Servlet、AQS） 在一个方法中定义一个算法的骨架，并将一些具体步骤延迟到子类中实现。 模板模式使得子类可以在不改变算法结构的基础上，重新具体定义算法中的某些步骤 讲模板设计模式之前，我们用代码来实现咖啡和茶制作的类： class Coffee {...
设计原则优化思路简单的模板模式
cmw1085215666的博客
11-09 300
import com.service.springTest.VipCalculateService; import com.service.springTest.VipPriceService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.S...
设计模式之模板模式
qq_38571892的博客
04-04 4211
定义 这种类型的设计模式属于行为型模式。它定义一个操作中算法的骨架，而将一些步骤延迟到子类中，模板方法使得子类可以不改变算法的结构，只是重定义该算法的某些特定步骤。换句话说，模板模式会定义了算法的固定执行逻辑，这个执行逻辑是有父类来控制的，同时将公用的方法逻辑放到父类中维护，而可能改变的方法延迟到子类中实现。 优缺点 优点： 它封装了不变部分，扩展可变部分。它把认为是不变部分的算法封装到父类中实现，而把可变部分算法由子类继承实现，便于子类继续扩展。 它在父类中提取了公共的部分代码，便于代码复用。 部分方法是
设计模式（一）模版设计模式
weixin_30439067的博客
01-25 52
模版方法： 在定义功能时，功能一部分是确定的，用Final 来修饰。 但有一部分是不确定的，可以用abstract 来修饰 然而确定的部分在使用不确定的部分，那么这时，就可以讲不确定的部分暴露出去，由该类的子类来实现。 最简洁的实例： 模版：获取时间一段程序运行的时间 //gettime.java abstractclassGetTime{ public final ...
【设计模式】模板方法模式(C#)
baidu_33146219的博客
07-26 1万+
通过C#实现模板方法模式
设计模式之模板模式和工厂模式
lishinho的博客
06-15 5122
模板模式和工厂模式的类别分类为“交给子类”，即两种设计模式都是通过子类来实现具体的功能。主角是子类，而不像上次的适应设计模式，主角是连接器。这种差别着重体现在我们在工业设计中对需求的不同理解和实现。 以下例子选自《图解设计模式》 一，模板模式 概念 模板模式定义一个操作中的算法的骨架，而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个算法的结构即可重定义该算法的某些特定步骤。这种算法...
模板方法模式(模板模式)——钩子方法
笔记别偷看
12-15 3493
豆浆制作问题 编写制作豆浆的程序，说明如下: 制作豆浆的流程选材—>添加配料—>浸泡—>放到豆浆机打碎 通过添加不同的配料，可以制作出不同口味的豆浆 选材、浸泡和放到豆浆机打碎这几个步骤对于制作每种口味的豆浆都是一样的 请使用模板方法模式完成(说明：因为模板方法模式，比较简单，很容易就想到这个方案，因此就直接使用，不再使用传统的方案来引出模板方法模式) 模板方法模式基本介绍 基本介绍 模板方法模式（Template Method Pattern），又叫模板模式(Te
《软件设计模式》电子课件(PPT)
10-23
设计模式的学习不仅可以帮助开发者更好地理解和解决编程中的问题，还能提升团队间的沟通效率，因为它们提供了一套通用的语言和思路，使得不同开发者能够快速理解彼此的代码设计。因此，深入学习和掌握设计模式是每个...
常用设计模式-模板方法模式
热门推荐
JAVA拾贝
11-23 2万+
模式简介 模板方法（Template Method）模式的定义如下：定义一个操作中的算法骨架，而将算法的一些步骤延迟到子类中，使得子类可以不改变该算法结构的情况下重定义该算法的某些特定步骤。它是一种类行为型模式。 该模式的主要优点如下。 它封装了不变部分，扩展可变部分。它把认为是不变部分的算法封装到父类中实现，而把可变部分算法由子类继承实现，便于子类继续扩展。 它在父类中提取了公共的部分代码，便于代码复用。 部分方法是由子类实现的，因此子类可以通过扩展方式增加相应的功能，符合开闭原则。 该模式的主
设计模型之模板方法模式含UML完整实例)
atu1111的博客
04-15 2049
设计模型之模板方法模式 1. 模板方法模式 1.1 定义与特点   定义一个操作中的算法骨架，而将算法的一些步骤延迟到子类中，使得子类可以不改变该算法结构的情况下重定义该算法的某些特定步骤。它是一种类行为型模式。   该模式的主要优点如下： 它封装了不变部分，扩展可变部分。它把认为是不变部分的算法封装到父类中实现，而把可变部分算法由子类继承实现，便于子类继续扩展。 它在父类中提取了公共的部分代码...
23种设计模式~模板方法的设计模式
javaboy
05-25 231
（仅当成一个例题） /*  * 模板方法的设计模式  * 解决的问题：当功能内部一部分实现是确定，一部分实现是不确定的。这时可以把不确定的部分暴露出去，让子类去实现。  */ public class TestTemplete { public static void main(String[] args) { Templete temp = new SubTemplete(); temp.spe...
OSI七层模型设计思路
tushanpeipei的博客
10-29 6924
OSI七层模型历史以及具体的流程
设计模式——模板模式
程序猿进阶
03-24 2452
在面向对象程序设计过程中，程序员常常会遇到如下情况：设计一个系统时知道算法所需的关键步骤，且确定了这些步骤的执行顺序，但某些步骤的具体实现还未知，或者说某些步骤的实现与具体的环境相关。例如：去医院看病一般都要经历以下流程：挂号、排队、就诊、取药等，其中挂号和排队对每个客户都是一样的，可以在父类中实现，但是就诊和取药是因人而异的。可以延迟到子类中实现。我们把这些规定了流程或格式的实例定义成模板，允许使用者根据自己的需求去更新它。 一、模板模式的基本介绍 1）、模板方法模式（Template Meth.
模板设计模式_23种设计模式之模板设计模式
weixin_39579127的博客
12-16 4008
基本介绍1.模板方法模式(Template Method Pattern)，又叫模板模式(Template Pattern)，在一个抽象类公开定义了执行它的模板。它的子类可以俺需要重写方法实现，但调用将以抽象类中定义的方式进行；2.简单说，模板方法模式定义一个操作中的算法的骨架，而降一些步骤延迟到子类中，使得子类可以不改变一个算法的结构，就可以重定义该算法的某些特定步骤；3.这些类型的设...
C++设计模式
最新发布
叫好与叫座虽然不是对立面，但想在同一个作品中达到双重效果很难。
09-15 1680
Abstract Factory 抽象工厂模式：提供一个创建一系列相关或相互依赖对象的接口，而无需指定它们具体的类。Adapter适配器模式：将一个类的接口转换成客户希望的另外一个接口。Adapter模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工 作。Bridge桥接模式：将抽象部分与它的实现部分分离，使它们都可以独立地变 化。Builder建造者模式：将一个复杂对象的构建与它的表示分离，使得同样的构建 过程可以创建不同的表示。
Java设计模式详解
涵盖了策略模式、代理模式、单例模式、多例模式、工厂方法模式、抽象工厂模式、门面模式、适配器模式、模板方法模式、建造者模式和桥梁模式等多个经典的设计模式。这本书适合不同级别的程序员阅读，初级开发者可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值