JavaScript中给对象添加方法

在JavaScript中，我们经常要给已定义的对象添加一些方法，如下：

   function circle(w,h){

     this.width=w;

     this.height=h;

   }

   var cir = new circle(8,9);

   这时我们突然要计算cir对象的面积，怎么办呢？我们可以专门为这个对象新定义一个计算面积的方法。

   function area(){

      return this.width*this.height;

   }

   cir.area=area;

这时就可以调用cir.area()来计算面积了。

当然上面的语句也可以这样写：

   cir.area=function area(){

      return this.width*this.height;

   }

两种写法效果一样。

有时候我们需要每个对象都有area()方法，那应该怎么做呢？

这时代码如下：

   function area(){

      return this.width*this.height;

   }

   function circle(w,h){

      this.width=w;

      this.height=h;

      this.area=area;

   }

这样每个circle定义的对象就会有area()方法了。

   这样定义并不是一个最好的方式，因为这样定义会使每个对象里都area()方法，如果你定义的对象很多时，就会多占相当一部分内存。应该怎么做呢？

   在JavaScript中，定义一个对象时都会继承一个原始对象，我们可以通过给原始对象添加area()方法而不必让每个circle对象都有area()方法。我们用prototype属性来实现。如下：

   function area(){

      return this.width*this.height;

   }

   function circle(w,h){

      this.width=w;

      this.height=h;

   }

   ///使用prototype之前必须定义一个对象，这里我们定义了一个匿名对象///

   new circle()

   circle.prototype.area=area;

这样实现就不让circle对象多占内存了。

定义方法是这样，定义属性变量也是一样的道理。

  

转载：http://blog.sina.com.cn/s/blog_49cc672f010007ca.html