本文實例講述了javascript設計模式 ? 模板方法模式原理與用法。分享給大家供大家參考，具體如下：

介紹：模板方法模式是結構最簡單的行為型設計模式，在其結構中只存在父類與子類之間的繼承關系。使用模板方法模式，可以將一些復雜流程的實現步驟封裝在一系列基本方法中。

定義：定義一個操作中算法的框架，而將一些步驟延遲到子類中，模板方法使得子類可以不改變一個算法的結構即可重定義該算法的某些特定步驟。模板方法是一種類行為型模式。

場景：我們設計一個游戲機，用來運行不同的游戲，

示例：

var Game = function(){ this.play = function(){ this.initialize(); this.startPlay(); this.endPlay(); this.uninstall(); } this.uninstall = function(){ console.log(’uninstall Game’) }} var CrossFire = function(){ this.initialize = function(){ console.log(’CrossFire initialize’) } this.startPlay = function(){ console.log(’CrossFire startPlay’) } this.endPlay = function(){ console.log(’CrossFire endPlay’) }}CrossFire.prototype = new Game(); var LeagueofLegends = function(){ this.initialize = function(){ console.log(’LeagueofLegends initialize’) } this.startPlay = function(){ console.log(’LeagueofLegends startPlay’) } this.endPlay = function(){ console.log(’LeagueofLegends endPlay’) }}LeagueofLegends.prototype = new Game(); var cf = new CrossFire();cf.play();// CrossFire initialize// CrossFire startPlay// CrossFire endPlay// uninstall Gamevar lol = new LeagueofLegends();lol.play();// LeagueofLegends initialize// LeagueofLegends startPlay// LeagueofLegends endPlay// uninstall Game

在這個例子里，Game稱為抽象類，抽象類內部定義了一個模板方法play，play的內部定義了算法的架構，算法的執行順序，只有子類將步驟補齊后才能執行模板方法。LeagueofLegends，CrossFire這兩個類稱為子類，繼承自Game，他們的任務是實現模板方法中的步驟。initialize，startPlay，endPlay，uninstall稱為基本方法，用來具體實現每個步驟

模板方法模式總結：

優點：* 模板方法模式是一種代碼復用技術，將公共行為放在父類中，而通過其子類來實現不同的行為，他鼓勵恰當使用繼承來實現代碼復用。* 模板方法可以實現一種反向控制結構，通過子類覆蓋父類的方法來決定某一步驟是否執行。

缺點：* 需要為每一個基本方法的不同實現提供一個子類，如果父類中可變的基本方法太多，將會導致類的個數增加，系統更加龐大。

適用場景：* 對一些復雜的算法進行分割，將其中固定不變的布馮設計為模板方法和父類基本方法，改變的細節由子類實現。* 各子類的公共行為應當被提取出來并集中帶一個父類中，利于代碼復用。* 需要子類決定父類的某個步驟是否執行，實現子類對父類的反向控制。

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。