The prototype property allows you to add properties and methods to an object.
object.prototype.name=value
<!DOCTYPE html> <html> <body> <script type="text/javascript"> function employee(name,jobtitle,born) { this.name=name; this.jobtitle=jobtitle; this.born=born; } var fred=new employee("Fred Flintstone","Caveman",1970); employee.prototype.salary=null; fred.salary=20000; document.write(fred.salary); </script> </body> </html>
avascript中对象的原型属性的解释是:返回对象类型原型的引用。这是一个晕人的解释。其实就是指定了一个需要复制的对象。
文字再多也不如代码,上代码,说最简单的,任何类都继承自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的方法种类。我个人将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#中不允许动态为对象增加方法,因此在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(); }
http://tech.ddvip.com/2009-05/1243588303121461.html
上面所讲的3种方法其实与精通javascript 所讲的方法对应:看http://www.cnblogs.com/youxin/archive/2012/09/06/2673143.html
对象方法 --》特权方法
类方法---》静态方法
原型方法--》public 方法(公共方法)
系列文章:http://www.cnblogs.com/kym/archive/2010/01/18/1650333.html