js設計模式 --- 模版設計模式

wfc_666 發布于2019-08-26 17:15 / 1384人閱讀

摘要：代碼復用的基本技術，在數據庫設計中尤為重要。存在一種反向的控制結構，通過一個父類調用其子類的操作，通過子類對父類進行擴展增加新的行為，符合開閉原則。

模版設計模式

設計模式處處透漏者前輩們的指揮, 在眾多設計模式中模版設計模式是軟件設計中最常用, 最正統的模式, 也是本人最喜歡的模式, 其就像一顆顆螺絲釘處處體現在軟件設計和其他模式中

父類定義一個模板結構，將部分具體內容延遲到子類去實現

在軟件系統設計中最常用的就是 接口--抽象類--類 三級設計模式, 如下圖

模版設計模式結構

再此模式中接口定義了方法, 抽象類定義了算法的框架實現了一部分算法, 對象類則實現了剩余的其他方法(當然如有需要可以靈活配置, 比如抽象類實現了一個默認的方法, 如有需要對象類可以重寫這個方法)

實現

接口

let IEat = new Interface("IEat", ["eatDinner","buy","cook", "eat"])

抽象類

let Eatdinner = function () {
};
Eatdinner.prototype.buy = function () {
  throw new Error();
};
Eatdinner.prototype.cook = function () {
  throw new Error();
};
Eatdinner.prototype.eat = function () {
  console.log("吃");
};
Eatdinner.prototype.eatDinner = function () {
  this.buy();
  this.cook();
  this.eat();
};

對象類

let EatA = function () {
  Eatdinner.call(this);   
}
extend(EatA, Eatdinner);
EatA.prototype.buy = function () {
  console.log("蘿卜");
}
EatA.prototype.cook = function () {
  console.log("炒");
}

let EatB = function () {
  Eatdinner.call(this);   
}
extend(EatB, Eatdinner);
EatB.prototype.buy = function () {
  console.log("蘿卜");
}
EatB.prototype.cook = function () {
  console.log("炸");
}

let EatC = function () {
  Eatdinner.call(this);   
}
extend(EatC, Eatdinner);
EatC.prototype.buy = function () {
  console.log("青菜");
}
EatC.prototype.cook = function () {
  console.log("烤");
}

模板模式的優點

具體細節步驟實現定義在子類中，子類定義詳細處理算法是不會改變算法整體結構。

代碼復用的基本技術，在數據庫設計中尤為重要。

存在一種反向的控制結構，通過一個父類調用其子類的操作，通過子類對父類進行擴展增加新的行為，符合“開閉原則”。

GPU云服務器云服務器 JS設計模式 js繼承模式 js設計素材 js模式化窗口

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/110126.html

JS 設計模式 九（模板模式）

摘要：模版方法由抽象類聲明并加以實現。抽象類中的模版方法正是通過實現類擴展的方法來完成業務邏輯。一般來說，抽象類中的模版方法是不易反生改變的部分，而抽象方法是容易反生變化的部分，因此通過增加實現類一般可以很容易實現功能的擴展，符合開閉原則。模板方法模式定義一個操作中算法的框架，而將一些步驟延遲到子類中，使得子類可以不改變算法的結構即可重定義該算法中的某些特定步驟。模板方法模式是編程中經...

張遷 2019-08-19 18:21 評論0 收藏0
HTML 代碼復用實踐

摘要：安裝好之后，來簡單的組織一下文件的目錄生產環境的存放文件夾公共部分的存放文件夾編輯后的文件在新建的，配置好接著新建兩個文件，分別是頭部和底部這是的內容這是的內容最后在新建一個，把要用到的和給進來。前言通常我們所做的一些頁面，我們可以從設計圖里面看出有一些地方是相同的。例如：頭部，底部，側邊欄等等。如果是制作靜態頁面的同學，對于這些重復的部分只能夠通過復制粘貼到新的頁面來，如果頁面...

Profeel 2019-08-01 14:48 評論0 收藏0
Express 實戰（七）：視圖與模板：Pug 和 EJS

摘要：而框架中最常用的兩個視圖引擎是和。實際上這些上下文對象就是會在視圖中使用到的變量。其實視圖緩存并不是緩存視圖實際上它緩存的視圖路徑。根據默認視圖引擎將缺少拓展名的視圖文件補充完整。實際上存在由不同組織維護的兩個不同版本的。 showImg(https://segmentfault.com/img/remote/1460000010821004);前面的內容大都是關于 Express 框...

wmui 2019-08-20 18:54 評論0 收藏0
ArcGIS 柵格函數在線調用詳解

摘要：使用柵格函數支持直接在前端使用柵格函數來重新渲染影像服務。針對數據在柵格函數模版編輯器中使用渲染地貌函數，并且設計好結果的渲染方式。配置柵格函數模版可以在兩種情況下進行。 ArcGIS 柵格函數在線調用詳解導讀：ArcGIS從10.0版本開始引用鑲嵌數據集，并且第一次在影像中加入柵格函數（raster functions），使得影像的呈現和信息提取與GIS緊密的結合起來，簡單的影像功...

894974231 2019-08-20 18:35 評論0 收藏0