代码改变世界

javascript中函数和方法的区别

2013-04-24 16:20  MoltBoy  阅读(7459)  评论(0编辑  收藏  举报

  经常谈论起函数和方法,也常常搞不清楚它们之间的界限,经常把两个混用。首先来看看,两者是如何定义的?

  函数(function)是可以执行的javascript代码块,由javascript程序定义或javascript实现预定义。函数可以带有实际参数或者形式参数,用于指定这个函数执行计算要使用的一个或多个值,而且还可以返回值,以表示计算的结果。

  方法(method)是通过对象调用的javascript函数。也就是说,方法也是函数,只是比较特殊的函数。假设有一个函数是fn,一个对象是obj,那么就可以定义一个method:

  obj.method = fn;

  obj.method();    //定义之后的调用

  虽然区别对待函数和方法比较有用,但实际比较起来,它们之间并没有想象中那么大的差别。这样讲吧,函数是可以用函数直接量定义,也就是函数可以直接储存在变量之中,因为函数和字符串、数值一样也是数据类型。假如储存函数的变量是全局变量,也即是window对象的一个属性。因此,当你调用这个函数时,实际上也是调用window对象的一个方法。所以在函数和方法之间并没有技术上的区别,真正的差别在于设计和目的,方法是用来对this对象进行操作的,this对象是方法的一个重要属性,当this对象出现在方法主体内部,this值就指向调用该方法的对象。而函数通常是独立的,并不需要经常使用this对象。

  下面有个例子展示方法的使用:

function Rect(w, h){    //使用this对象,避免自己调用自己
    this.width = w;
    this.height = h;
}
function area(){
    return this.width * this.height;
}
var r = new Rect(4, 5);
r.area = area;    //将函数赋值给对象的属性,来定义方法

var result = r.area();    //20

  当然,这个例子只是用来说明问题,并非优雅高效的代码。也正因方法存在的各种缺点,才引入了原型对象。