码迷,mamicode.com
首页 > Web开发 > 详细

JS常用的设计模式(10)——模版方法模式

时间:2015-02-05 10:46:53      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:

模式方法是预先定义一组算法,先把算法的不变部分抽象到父类,再将另外一些可变的步骤延迟到子类去实现。听起来有点像工厂模式( 非前面说过的简单工厂模式 ).

最大的区别是,工厂模式的意图是根据子类的实现最终获得一种对象. 而模版方法模式着重于父类对子类的控制.

按GOF的描叙,模版方法导致一种反向的控制结构,这种结构有时被称为“好莱坞法则”,即“别找我们,我们找你”。这指的是一个父类调用一个子类的操作,而不是相反。

一个很常用的场景是在一个公司的项目中,经常由架构师搭好架构,声明出抽象方法。下面的程序员再去分头重写这些抽象方法。

在深入了解之前,容许我先扯远一点。

作为一个进化论的反对者,假设这个世界是上帝用代码创造的。那么上帝创造生命的时候可能就用到了模版方法模式。看看他是怎么在生命构造器中声明模版方法的:

var Life = function(){ 
} 
Life.prototype.init = function(){ 
   this.DNA复制(); 
   this.出生(); 
   this.成长(); 
   this.衰老(); 
   this.死亡(); 
} 
this.prototype.DNA复制 = function(){ 
  &*$%&^%^&(&(&(&&(^^(*)  //看不懂的代码 
} 
Life.prototype.出生 = function(){ 
} 
Life.prototype.成长 = function(){ 
} 
Life.prototype.衰老 = function(){ 
} 
Life.prototype.死亡 = function(){ 
} 

其中DNA复制是预先定义的算法中不变部分. 所有子类都不能改写它. 如果需要我们可以写成protected的类型.

而其他的函数在父类中会被先定义成一个空函数(钩子). 然后被子类重写,这就是模版方法中所谓的可变的步骤。

假设有个子类哺乳动物类继承了Life类.

var Mammal = function(){ 
} 
Mammal.prototype = Life.prototype;   //继承Life 

然后重写出生和衰老这两个钩子函数.

Mammal.prototope.出生 = function(){ 
  胎生() 
} 
Mammal.prototype.成长 = function(){ 
  //再留给子类去实现 
} 
Mammal.prototope.衰老 = function(){ 
  自由基的过氧化反应() 
} 
Life.prototype.死亡 = function(){ 
 //再留给子类去实现 
} 
//再实现一个Dog类 
var = Dog = function(){ 
} 
//Dog继承自哺乳动物. 
Dog.prototype = Mammal.prototype; 
var dog = new Dog(); 
dog.init(); 

至此,一只小狗的生命会依次经历DNA复制,出生,成长,衰老,死亡这几个过程。这些步骤早在它出生前就决定了。所幸的是,上帝没有安排好它生命的所有细节。它还是能通过对成长函数的重写,来成为一只与众不同的小狗。

举个稍微现实点的例子,游戏大厅中的所有游戏都有登录,游戏中,游戏结束这几个过程,而登录和游戏结束之后弹出提示这些函数都是应该公用的。

那么首先需要的是一个父类。

var gameCenter = function(){ 
} 
gameCenter.ptototype.init = function(){ 
  this.login(); 
  this.gameStart(); 
  this.end(); 
} 
gameCenter.prototype.login= function(){ 
   //do something 
} 
gameCenter.prototype.gameStart= function(){ 
   //空函数, 留给子类去重写 
} 
gameCenter.prototype.end= function(){ 
  alert ( "欢迎下次再来玩" ); 

接下来创建一个斗地主的新游戏, 只需要继承gameCenter然后重写它的gameStart函数.

var 斗地主 = function(){ 
} 
斗地主.prototype = gameCenter.prototype;  //继承 
斗地主.prototype.gameStart = function(){ 
  //do something 
} 
(new 斗地主).init(); 

这样一局新的游戏就开始了.

JS常用的设计模式(10)——模版方法模式

标签:

原文地址:http://www.cnblogs.com/jymz/p/4273914.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!