看看上一篇《javascript设计模式交流(一)Singleton Pattern》
本文将讨论Prototype Pattern的js实现,之后讨论javascript的prototype继承和Prototype Pattern的关系。
Prototype Pattern是一种创建型模式,在GoF Book中它的意图被描述成用原型实例指定创建对象的种类,并通过拷贝这些原型创建新的对象。
Prototype Pattern本身实际上非常简单,任何一个提供了clone()方法的对象都可以成为原型对象,所有通过它复制的对象都属于一类对象。在静态语言中,这一模式被用于运行时指定对象类型,相比工厂模式,这一模式无需创建与类层次平行的工厂类结构,实现上要方便得多。
clone的三种js实现
在js中,clone方法的实现并不困难,对js的6种基本类型来说 string boolean undefined null number皆可直接用=赋值,唯一麻烦的是object。
对object 我们可以用clone其所有成员的方式复制 作为方法的函数可以这样定义:
/************************************/
function objectClone()
{
var ret=new Object();
for(var p in this)
{
ret[p]=this[p];
}
return ret;
}
但我们显然面对着一个问题:this[p]也可能是一个object 所以很可能我们需要用递归来实现deepClone
function objectDeepClone()
{
var ret=new Object();
for(var p in this)
{
if(typeof ret[p]!=object)ret[p]=this[p];
else ret[p]=objectDeepClone.call(this[p]);
}
return ret;
}
对js来说 实现clone还有另外一种方式,在javascript中,构造器的prototype属性指明了某一类的原型,当实例化时,这一原型被作为对象的原型使用。特别地,这个prototype对象也可能是从某一原型构造出来的,这形成了一个类似继承的结构,所以javascript的面向原型特性又被称作原型继承(尽管我很不赞同这种做法,还是要提一下)。
回到我们前面的Prototype Pattern,javascript天生的引用型原型继承为我们提供了另外一种clone的实现方式:
function objectPrototypeClone()
{
var tmp=function(){};
tmp.prototype=this;
return new tmp;
}
这样clone出来的对象只读地共享一个原型的属性,它的最大优势是速度非常快,当我们希望快速复制大型对象时,可以使用这种方式,但是它会造成访问速度降低,而且它实时反映父节点的变化。
请稍等,评论加载中...