JavaScript：prototype属性使用方法 【转】

分类： Web应用开发 2009-01-20 21:41 3595人阅读 评论 (4) 收藏 举报

参考：
http://bokee.shinylife.net/blog/article.asp?id=455
http://dev.csdn.net/article/84222.shtm
http://www.cnblogs.com/goody9807/archive/2007/04/16/715109.html

一、基本使用方法

      prototype属性可算是JavaScript与其他面向对象语言的一大不同之处。

简而言之，prototype就是“一个给类的对象添加方法的方法”，使用prototype属性，可以给类动态地添加方法，以便在JavaScript中实现“继承”的效果。 

      具体来说，prototype 是在 IE 4 及其以后版本引入的一个针对于某一类的对象的方法，当你用prototype编写一个类后，如果new一个新的对象，浏览器会自动把prototype中的内容替你附加在对象上。这样，通过利用prototype就可以在JavaScript中实现成员函数的定义，甚至是“继承”的效果。

      一个简单的示例如下：

[javascript:nogutter] view plain copy

1. Number.prototype.add =  function (num){ return ( this +num);}  

这是对已有类添加方法。这样写，可以增强已有类的功能，例如可以给Array类增加push方法如下：

[javascript:nogutter] view plain copy

1. Array.prototype.push =  function (new_element){  
2.         this [ this .length]=new_element;  
3.         return   this .length;  
4.     }  

对于自定义的类（或者称函数对象），也可以这样写：

[c-sharp] view plain copy

1. function MyApplication() {  
2.     this .counter = 0;  
3.     this .map =  new  GMap2(document.getElementById( "map_canvas" ));  
4.       this .map.setCenter( new  GLatLng(39.917,116.397), 14);  
5.       GEvent.bind(this .map,  "click" ,  this ,  this .onMapClick);  
6.     }  
7.           
8.     MyApplication.prototype.onMapClick = function() {  
9.       this .counter++;  
10.       alert("这是您第 "  +  this .counter +  " 次点击地图" );  
11.     }  

这里定义了创建地图的类，并且为其定义了“单击”事件的响应函数。