代码改变世界

js prototype及js方法分类

2012-08-09 16:20  youxin  阅读(323)  评论(0)  编辑  收藏  举报

 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.方法名

  

类方法其实就是我们讲的静态方法：如public static void Run(){}

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

　　而原型方法有所不同，由于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