js設(shè)計(jì)模式--模板方法模式

yuanxin 發(fā)布于2019-08-23 14:32 / 2420人閱讀

摘要：前言本系列文章主要根據(jù)設(shè)計(jì)模式與開(kāi)發(fā)實(shí)踐整理而來(lái)，其中會(huì)加入了一些自己的思考。模板方法模式由兩部分結(jié)構(gòu)組成，第一部分是抽象父類(lèi)，第二部分是具體的實(shí)現(xiàn)子類(lèi)。

前言

本系列文章主要根據(jù)《JavaScript設(shè)計(jì)模式與開(kāi)發(fā)實(shí)踐》整理而來(lái)，其中會(huì)加入了一些自己的思考。希望對(duì)大家有所幫助。

文章系列

js設(shè)計(jì)模式--單例模式

js設(shè)計(jì)模式--策略模式

js設(shè)計(jì)模式--代理模式

js設(shè)計(jì)模式--迭代器模式

js設(shè)計(jì)模式--發(fā)布訂閱模式

js設(shè)計(jì)模式--命令模式

js設(shè)計(jì)模式--組合模式

概念

模板方法模式是一種只需使用繼承就可以實(shí)現(xiàn)的非常簡(jiǎn)單的模式。
模板方法模式由兩部分結(jié)構(gòu)組成，第一部分是抽象父類(lèi)，第二部分是具體的實(shí)現(xiàn)子類(lèi)。通常在抽象父類(lèi)中封裝了子類(lèi)的算法框架，包括實(shí)現(xiàn)一些公共方法以及封裝子類(lèi)中所有方法的執(zhí)行順序。子類(lèi)通過(guò)繼承這個(gè)抽象類(lèi)，也繼承了整個(gè)算法結(jié)構(gòu)，并且可以選擇重寫(xiě)父類(lèi)的方法。

場(chǎng)景

一般用于可以抽取公共方法，例如泡咖啡和泡茶，我們可以抽取燒水清洗杯具沖泡等過(guò)程

優(yōu)缺點(diǎn) 優(yōu)點(diǎn)

可以復(fù)用公共方法，子類(lèi)也不需要實(shí)現(xiàn)算法部分

例子 模板引擎

我們實(shí)現(xiàn)一個(gè)簡(jiǎn)單的模板引擎:





  
  
  
  Document

現(xiàn)在產(chǎn)品加了一個(gè)需求，想在content后面加個(gè)span標(biāo)簽展示訪(fǎng)問(wèn)次數(shù)

新需求

普通程序員就會(huì)動(dòng)手去改Nav方法，但這違背了開(kāi)放封閉原則，我們也不能確保不影響原來(lái)的功能，
其實(shí)我們加多一個(gè)模板方法就可以規(guī)避這樣的問(wèn)題






  
  
  
  Document

云服務(wù)器 GPU云服務(wù)器模板方法模式工廠方法模式 JS設(shè)計(jì)模式 js繼承模式

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/100752.html

相關(guān)文章

JS 設(shè)計(jì)模式九（模板模式）

摘要：模版方法由抽象類(lèi)聲明并加以實(shí)現(xiàn)。抽象類(lèi)中的模版方法正是通過(guò)實(shí)現(xiàn)類(lèi)擴(kuò)展的方法來(lái)完成業(yè)務(wù)邏輯。一般來(lái)說(shuō)，抽象類(lèi)中的模版方法是不易反生改變的部分，而抽象方法是容易反生變化的部分，因此通過(guò)增加實(shí)現(xiàn)類(lèi)一般可以很容易實(shí)現(xiàn)功能的擴(kuò)展，符合開(kāi)閉原則。模板方法模式定義一個(gè)操作中算法的框架，而將一些步驟延遲到子類(lèi)中，使得子類(lèi)可以不改變算法的結(jié)構(gòu)即可重定義該算法中的某些特定步驟。模板方法模式是編程中經(jīng)...

張遷 2019-08-19 18:21 評(píng)論0 收藏0
架構(gòu)師的工具-模板方法模式

摘要：也是一些架構(gòu)師常用的模式。寫(xiě)出方法，需要子類(lèi)自己定義穿衣服需要子類(lèi)自定義洗臉?biāo)⒀雷宇?lèi)自定義方法出門(mén)準(zhǔn)備工作需要子類(lèi)自定義出門(mén)穿阿迪吊絲的衣服整理文件，找工作恩，這個(gè)模板，差不多能滿(mǎn)足正常人的需求。所謂的模板就是一個(gè)重用一萬(wàn)次都不會(huì)覺(jué)得有問(wèn)題的代碼。在es6中，提出了一個(gè) ``反引號(hào)的書(shū)寫(xiě)方式--又叫做模板字符串.他最大的功能就是用來(lái)書(shū)寫(xiě)模板html的.通常在js中使用模板是 T...

roundstones 2019-08-22 11:00 評(píng)論0 收藏0
基于TmodJS的前端模板工程化解決方案

摘要：原作者唐斌騰訊什么原名是一個(gè)簡(jiǎn)單易用的前端模板預(yù)編譯工具。本文作者為來(lái)自騰訊團(tuán)隊(duì)的唐斌，他在本文中為我們分析了傳統(tǒng)前端模板內(nèi)嵌的弊端，如開(kāi)發(fā)調(diào)試效率低下自動(dòng)化構(gòu)建復(fù)雜度比較高等特點(diǎn)，并針對(duì)目前現(xiàn)狀給出了較好的解決方案。原作者: 唐斌（騰訊）| TmodJS什么 TmodJS（原名atc）是一個(gè)簡(jiǎn)單易用的前端模板預(yù)編譯工具。它通過(guò)預(yù)編譯技術(shù)讓前端模板突破瀏覽器限制，實(shí)現(xiàn)后端模板一樣的同...

zhaochunqi 2019-08-20 13:35 評(píng)論0 收藏0
模板方法模式

摘要：嗯，模板模式應(yīng)該是跟楊洋一樣帥，所以帶著這份愛(ài)慕，我們一起來(lái)看看它到底有沒(méi)有比楊洋還要帥模板方法模式是什么模板方法模式是一種只需使用繼承就可以實(shí)現(xiàn)的非常簡(jiǎn)單的模式。模板方法模式由兩部分結(jié)構(gòu)組成，第一部分是抽象父類(lèi)，第二部分是具體實(shí)現(xiàn)的子類(lèi)。 JavaScript-模板方法模式模板方法是什么鬼？模板模式又是什么鬼？? 聽(tīng)說(shuō)它很復(fù)雜，聽(tīng)說(shuō)它很難，我可不可以不學(xué)啊?。刷了一會(huì)兒微博，這幾天...

Scorpion 2019-08-20 18:32 評(píng)論0 收藏0
javascript設(shè)計(jì)模式學(xué)習(xí)日記--模板方法模式

摘要：是模板方法，他封裝了子類(lèi)中算法框架，它作為一個(gè)算法的模板，去指導(dǎo)子類(lèi)以什么樣的順序去執(zhí)行代碼。制定算法骨架，讓子類(lèi)具體實(shí)現(xiàn)，這大概就是模板方法模式了吧模板方法模式：把相似的流程抽象出來(lái)作為一個(gè)父類(lèi)，來(lái)封裝好子類(lèi)的算法框架，然后子類(lèi)繼承這個(gè)父類(lèi)，并且可以重寫(xiě)非公有的方法，來(lái)實(shí)現(xiàn)自己的業(yè)務(wù)邏輯。聚個(gè)栗子泡茶泡咖啡是很好的例子，不同企業(yè)的面試流程也是一個(gè)很好的例子對(duì)于很多大型公司，...

jsdt 2019-08-22 16:57 評(píng)論0 收藏0