Javascript玩转Prototype(二)

上文一直在罗嗦GOF的原型模式，在本文中讲开始正式讨论Javascript的Prototype。对于Javascript的初学者来说，Prototype是个蛮高深的话题，其实并不尽然。

我说不尽然，意思是说理解Prototype的一般用法很简单。但是真正能做到融会贯通理解Prototype确实是件很难的事情。

今天我就从Prototype的基本开始讲。上文中我讲了原型模式。其实在Javascript中原型也是这个意思。Javascript中对象的原型属性的解释是：返回对象类型原型的引用。这是一个晕人的解释。其实就是指定了一个需要复制的对象。

文字再多也不如代码，上代码，说最简单的，任何类都继承自Object类：

function A()

{    }

A.prototype=new Object();

其实这样就相当于Object对象是A的一个原型，这样就相当于了把Object对象的属性和方法复制到了A上，和原型模式的精髓一样吧！

好，大概了解了prototype的基本用法，我们来看看原型究竟有什么用处。

1. 最简单的用法，动态扩展类的方法和属性。

   function People()

   {

           this.Jump=function(){

               alert("I can jump");

   }

   }

   现在要扩充方法：

   People.prototype.Run=function(){

           alert("I can run,too");

   }

   好，测试下：

   var p=new People();

   p.Jump();

   p.Run();

    

   

   

    

   接下来，顺带讲一下Javascript的方法种类。我个人将Javascript的方法分为三种：

   <1>类方法

   <2>对象方法

   <3>原型方法

    

   先看代码，后讲区别：

    

function People(name)

{

this.name=name;

//对象方法

this.Introduce=function(){

alert("My name is "+this.name);

}

}

//类方法

People.Run=function(){

alert("I can run");

}

//原型方法

People.prototype.IntroduceChinese=function(){

alert("我的名字是"+this.name);

}

测试下：

var p1=new People("Windking");

p1.Introduce();

People.Run();

p1.IntroduceChinese();

总结下：

        

名称	位置	格式
类方法	类外	类名.方法名
对象方法	类内	this.方法名
原型方法	类外	类名.prototype.方法名

 

        我们用C#来做类别来讲解这三个方法：

        类方法其实就是我们讲的静态方法：

        如public static void Run(){}

        而对象方法其实就是实例方法。

        public void Introduce(){}

    而原型方法有所不同，由于C#中不允许动态为对象增加方法，因此在C#中并不存在原型方法。原型方法处于C#的静态方法与实例方法之间，通过对象调用，但是存储的内存形式却类似于静态方法，也就是所有实例对象共享同一副本。

(ps:尽量将方法定义为原型方法，原型方法避免了每次调用构造函数时对属性或方法的构造，因此比较节省空间和时间)

1. p1.IntroduceChinese();创建对象。

   还记得我在上一篇文章里讲的浅复制么？为什么大家都喜欢批量生产？效率是最主要因素。浅复制也一样，我们为什么要浅复制，因为效率高。作为原型模式的Javascript应用，prototype也承担着这样的重任。用prototype来创建对象，要比其他方式快得多。

   看代码例子：

   function People(name,age)

   {

           this.name=name;

           this.age=age;

   }

   var p1=new People("Xuan",22);

   var girls=[ ];

   var GirlPrototype=function(){};

   GirlPrototype.prototype=p1;

   for(var i=0;i<100000;i++)

   {

           girls[i]=new GirlPrototype();

   }

2. 玩转继承：

   Prototype最大的应用其实还是在于玩转继承，这个在此不讨论，请参加我的另一篇文章：《Javascript玩转继承（二）》。

    

 

好，基本的应用说完，下面我来说一下prototype的天使和魔鬼两面。

说prototype是天使，是因为以上的几点应用，让Javascript增加了很大的灵活性，尤其原型继承，更是Javascript最多的继承方式。

说他是魔鬼，则是因为下面几方面：

1. 原型继承的缺陷。请参见《Javascript玩转继承（二）》。
2. 原型其实相当于原型模式中的浅复制，因此也会造成牵一发而动全身的效果。

过于灵活。为什么过于灵活呢？其实这点我是针对第一点来说的，能够动态地添加属性和方法固然是增加了灵活性。可是我们讨论一种情况，100个人同时来开发一个Javascript的项目，很多没经验的人爱上了玩转prototype，一个人往这个类里加一个方法，还面向对象么？当然这只是我的个人之见。如果有异议，欢迎和我讨论。