资讯专栏INFORMATION COLUMN

上云采购季！| 爆款云服务器低至4.6元/月，首单享0.9折

免费试用
首页/文章专栏/架构师的工具-模板方法模式

架构师的工具-模板方法模式

roundstones / 2715人阅读

摘要：也是一些架构师常用的模式。写出方法，需要子类自己定义穿衣服需要子类自定义洗脸刷牙子类自定义方法出门准备工作需要子类自定义出门穿阿迪吊丝的衣服整理文件，找工作恩，这个模板，差不多能满足正常人的需求。

所谓的模板就是一个重用一万次都不会觉得有问题的代码。 在es6中，提出了一个 "``"反引号的书写方式--又叫做模板字符串.他最大的功能就是用来书写模板html的.
通常在js中使用模板是

  "There are " + basket.count + " " +
  "items in your basket, " +
  "" + basket.onSale +
  " are on sale!"

像这样使用的
在ES6中引入了模板字符串的概念,只需要使用反引号进行包裹就可以: 引入的变量可以使用${}进行包裹上面可以修改为:

`  //这里就是反引号,注意不是上引号，而是键盘esc下面那个键  
    There are ${basket.count} items  //插入指定的变量   
    in your basket, ${basket.onSale}  
    are on sale! 
`

上面的代码就可以作为一串模板代码出现。
同理，在js的设计模式中，也存在模板方法模式.

模板方法模式

模板方法模式是一种基于类和继承的模式。也是一些架构师常用的模式。
看个栗子: 小明起床
首先，小明起床，喜欢穿NB系列衣服，然后洗脸刷牙，整理书包，出门。(我这里列的是大部分人有的，如果遇见一些生活习惯不同的，那先将就下吧。:)
转换为代码:

var GetUp = function(){}
GetUp.prototype.wear = function(){
    console.log("穿NB系列的衣服");
}
GetUp.prototype.brush = function(){
    console.log("洗脸刷牙");
}
GetUp.prototype.sortOut = function(){
    console.log("整理书包");
}
GetUp.prototype.out = function(){
    console.log("出门");
}
GetUp.prototype.init = function(){
    this.wear();
    this.brush();
    this.sortOut();
    this.out();
}
var xiaoming = new GetUp();
xiaoming.init();

看上去，可以完美的表达小明的起床过程，但是我们是有情怀的人。我们想做的是，能不能抽象出一个大部分人都能用的起床模式. 有，我们可以想想。
我是一个穷逼，我家只能穿阿迪吊丝的衣服，
我现在正在找工作，我需要整理文件。
然后，洗脸刷牙这个习惯还是有的。
出门是必须的。
那么对比可以看出，只有两个方法的内容不一样，只需要对这两个方法进行抽象. 相当于写一个抽象方法，然后让子类自己重写。

var GetUp = function(){}
GetUp.prototype.wear = function(){   //写出方法，需要子类自己定义
    throw "穿衣服需要子类自定义";
}
GetUp.prototype.brush = function(){
    console.log("洗脸刷牙");
}
GetUp.prototype.sortOut = function(){  //子类自定义方法
    throw "出门准备工作需要子类自定义";
}
GetUp.prototype.out = function(){
    console.log("出门");
}
GetUp.prototype.init = function(){
    this.wear();
    this.brush();
    this.sortOut();
    this.out();
}
var xiaoMing = new GetUp();
xiaoMing.wear = function(){
    console.log("穿阿迪吊丝的衣服");
}
xiaoMing.sortOut = function(){
    console.log("整理文件，找工作");
}
xiaoMing.init();

恩，这个模板，差不多能满足正常人的需求。 但是，世界只有相对性，而没有绝对性，某些有怪癖，比如，早上不洗脸刷牙.这种情况也是存在的。(我小时候，为了逃避刷牙，经常起得比我妈还早，就跑去上课). md, 怪不得我那时候同座都嫌弃我，哎，也没有找到小时候的知己。现在肠子都悔青了。
回正题。所以，要满足这类人的需求，我们要用到一个叫做钩子方法。其实就是一个flag.用来代表你是不是比较特殊的人。

var GetUp = function(){}
GetUp.prototype.wear = function(){   //写出方法，需要子类自己定义
    throw "穿衣服需要子类自定义";
}
GetUp.prototype.brush = function(){
    console.log("洗脸刷牙");
}
GetUp.prototype.sortOut = function(){  //子类自定义方法
    throw "出门准备工作需要子类自定义";
}
GetUp.prototype.out = function(){
    console.log("出门");
}
GetUp.prototype.needBrush = function(){  //是否需要刷牙，默认为需要
    return  true;  
}
GetUp.prototype.init = function(){
    this.wear();
    if(this.needBrush())this.brush();
    this.sortOut();
    this.out();
}
var xiaoMing = new GetUp();
xiaoMing.wear = function(){
    console.log("穿阿迪吊丝的衣服");
}
xiaoMing.sortOut = function(){
    console.log("整理文件，找工作");
}
xiaoMing.needBrush = function(){return false;}
xiaoMing.init();

上面自定义的 "needBrush" 方法就是一个钩子方法，用来表明，这个人是不是特立独行的人。
其实，我们抛开钩子的写法，了解下他的本质，我们可以发现，一个钩子的添加，是给你抽象类的重用性大大加分的一项，将变化的一部分，给分离出来，更大程度的让代码得到重用.
但是，在js中写类，有点太过牵强。要知道js中，函数,对象才是一等公民.我们可以使用高阶函数重构一个例子.

var GetUp = function(person){
    var wear = person.wear || function(){
        throw "穿衣服需要子类自定义";
    }   
    var brush = function(){
        console.log("洗脸刷牙");
    }
    var sortOut = person.sortOut || function(){
        throw "出门准备工作需要子类自定义";
    }
    var needBrush = person.needBrush || function(){
        return true;
    }
    var out = function(){
        console.log("出门");
    }
    var init = function(){
        wear();
        if(needBrush()) brush();
        sortOut();
        out();
    }
    return  function(){
        init();
    }
}
var jimmy = {
    wear(){
        console.log("穿鸟不拉屎的衣服");
    },
    sortOut(){
        console.log("整理书包");
    }
}
var _jimmy = GetUp(jimmy);
_jimmy();

但是为了统一，可以将init方法返回.

var GetUp = function(person){
    //...
    return {
        init
    }
}
var _jimmy = GetUp(jimmy);
_jimmy.init();

这样写，更具有代表性，让人能够一眼看出来表示的意思.

模板方法的应用

模板方法的应用，其实往大的用，是给架构师来使用。比如他设计一个模板，然后交给底层程序员去实现。相当于，一个产经提一个需求，然后交给你来实现具体的内容(这两者的区别就是，一个可以忽悠，另一个不能忽悠).
往小的用，那就不叫模板了，就是普通的策略者模式了。
说了这么多，其实，废话+n. 模板方法在我们这个level 其实用的还是比较少了。当然也不排除，你对这个模板方法有着SM的爱好，天天套它。所以，还是一句话，不要为了模式而模式。看自己心情使用吧.
ending~

GPU服务器 私有云 模板方法模式 ucloud云计算架构师的年薪多少 架构模式 软件架构模式

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/91615.html

相关文章

  • 互联网常用设计模式——通往架构师的第一步

    摘要：设计模式的分类经典应用框架中常见的设计模式分为三类创建型模式对类的实例化过程的抽象。对象的结构模式是动态的。对象的行为模式则使用对象的聚合来分配行为。设计模式是个好东西，以后肯定还要进一步的学习，并且在项目中多实践，提升自己的设计能力。 什么是设计模式？ Christopher Alexander 说过：每一个模式描述了一个在我们周围不断重复发生的问题，以及该问题的解决方案的核心。这样...

    张红新 评论0 收藏0

  • 架构师究竟要不要写代码？

    摘要：毕竟，架构师不参与写代码的工作。例如，通常架构师需要针对可能发生的每种情况进行规划。这种架构师需要信任开发团队来编写代码。 showImg(https://segmentfault.com/img/bVblaqV?w=900&h=383); Talk is cheap, show me the code！但是在互联网企业中，身处技术要职的架构师到底需不需要写代码？ showImg(ht...

    30e8336b8229 评论0 收藏0

  • 总结｜成为架构师的一些思考与经验

    摘要：架构师写代码写代码的架构师应在第一时间发现代码问题，及时反馈。精通高并发却不知道高并发的瓶颈在哪精通架构设计却不能保证系统高可用架构师最重要的工作就是实践与大牛之间的距离要客观的评价自己的能力。 1. 体系化的学习 每天的时间使有限的，而接触的信息是无穷无尽的。在熟悉了工作之后，最重要的事情就是如何提高学习的效率，最好的办法是： 体系化的学习 拥有了体系化结构知识之后，再去了解别人的观...

    Coding01 评论0 收藏0

  • 《前端架构设计》读后笔记

    摘要：作为一名前端架构师，你的工作是不断地探索和评估新的技术平台方法和框架。世界上没有一刀切式的解决方案，而前端架构师的使命正是将项目的需求与前端开发的实际情况相结合。 做前端工作一段时间了，也写了不少的项目。但是突然好像快要失去了兴趣。美工、后台、项目经理、测试等人员多层夹击。美工说就这么设计，你就得完全按着来。后台说这个需求做不了，得那样做，于是已经做好的页面推倒重来。测试说，这样做更符...

    Ocean 评论0 收藏0

  • Simon Brown：架构师与程序员的区别

    摘要：从根本上讲，架构师是一个技术领导者的角色，这就是最大的区别。对于这个问题来说，没错，有一些相关主题没有出现在这本书中，这些主题可以构成一本与程序员必读之软件架构相互补的书。我从软件架构的视角特别能注意到这件事。 非商业转载请注明作译者、出处，并保留本文的原始链接：http://www.ituring.com.cn/article/178034 Simon Brown 是全球知...

    Turbo 评论0 收藏0

发表评论

登陆后可评论

0条评论

roundstones

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<