jasmine214--love

只有当你的内心总是充满快乐、美好的愿望和宁静时,你才能拥有强壮的体魄和明朗、快乐或者宁静的面容。
posts - 731, comments - 60, trackbacks - 0, articles - 0

js--prototype.js基础类库

Posted on 2010-06-16 13:44 幻海蓝梦 阅读(783) 评论(0)  编辑  收藏 所属分类: JS
http://baike.baidu.com/view/1112205.htm
prototype.js 是Sam Stephenson写的一个非常优雅的javascript基础类库,对javascript做了大量的扩展,而且很好的支持Ajax,国内外有多个基于此类库实现的效果库,也做得很棒。
  prototype.js不仅是一个有很大实用价值的js库,而且有很高的学习价值。
  ---
  在prototype.js中,prototype对象是实现面向对象的一个重要机制。
  每个函数就是一个对象(Function),函数对象都有一个子对象 prototype对象,类是以函数的形式来定义的。prototype表示该函数的原型,也表示一个类的成员的集合。
  在通过new创建一个类的实例对象的时候,prototype对象的成员都成为实例化对象的成员。
  1、该对象被类所引用,只有函数对象才可引用;
  2、在new实例化后,其成员被实例化,实例对象方可调用。
  同时,函数是一个对象,函数对象若直接声明成员,不用被实例化即可调用。
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://tech.ddvip.com/2009-05/1243588303121461.html
上文一直在罗嗦GOF的原型模式,在本文中讲开始正式讨论Javascript的Prototype。对于Javascript的初学者来说,Prototype是个蛮高深的话题,其实并不尽然。

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

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

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

function A()
{    }
A.prototype=new Object();

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

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

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

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玩转Prototype(二)

Javascript玩转Prototype(二)

  接下来,顺带讲一下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();

Javascript玩转Prototype(二)

Javascript玩转Prototype(二)

Javascript玩转Prototype(二)

  总结下:

  名称

  位置

  格式

  类方法

  类外

  类名.方法名

  对象方法

  类内

  this.方法名

  原型方法

  类外

  类名.prototype.方法名

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

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

        如public static void Run(){}

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

        public void Introduce(){}

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

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

  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();
}

  玩转继承:

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

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

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

  说他是魔鬼,则是因为下面几方面:

  原型继承的缺陷。请参见《Javascript玩转继承(二)》。

  原型其实相当于原型模式中的浅复制,因此也会造成牵一发而动全身的效果。

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


只有注册用户登录后才能发表评论。


网站导航: