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中实现成员函数的定义，甚至是“继承”的效果。

      一个简单的示例如下：

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

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

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

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

function MyApplication() {
    this
.counter = 0;
    this
.map = 
new
 GMap2(document.getElementById(
"map_canvas"
));
      this
.map.setCenter(
new
 GLatLng(39.917,116.397), 14);
      GEvent.bind(this
.map, 
"click"
, 
this
, 
this
.onMapClick);
    }

    MyApplication.prototype.onMapClick = function() {
      this
.counter++;
      alert("这是您第 "
 + 
this
.counter + 
" 次点击地图"
);
    }

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