第八章 8.3 方法(Methods)

method 就是通过对象而被调用的一种 JavaScript function.  function 可以被赋值给对象的任何变量，或属性。比如：
f 是一个 function.

o.m = f;

一旦定义了，我们可以这样来调用：

o.m();
o.m(x, x + 2); // 如果需要参数

方法有一个非常重要的特性：用来调用方法的那个对象，在方法体内可以以 this 指针被引用。

function 和 method 虽然看上去有些不同，但本质上是没多少区别的。function 只不过是变量中保存的一些值，而变量不过是 global 对象的属性而已。所以，当你调用一个 function 的时候，本质上是调用的 global 对象的 method. 在这样的 function 里面，this 指针指代的是 global 对象。所以从技术角度来看 function 和 method 是没有区别的。
例子：

// This function uses the this keyword, so it doesn't make sense to
// invoke it by itself; it needs instead to be made a method of some
// object that has "width" and "height" properties defined.
function compute_area(  )
{
    return this.width * this.height;
}


// Create a new Rectangle object, using the constructor defined earlier.
var page = new Rectangle(8.5, 11);


// Define a method by assigning the function to a property of the object.
page.area = compute_area;


// Invoke the new method like this:
var a = page.area(  );    // a = 8.5*11 = 93.5

上面例子的写法是不好的。因为我们必须先设定 Rectangle 的长宽属性，然后调用 area 方法才显得有意义。这可能导致错误。
下面改进后的例子说明如何在 constructor 里定义函数：

// First, define some functions that will be used as methods.
function Rectangle_area(  ) { return this.width * this.height; }
function Rectangle_perimeter(  ) { return 2*this.width + 2*this.height; }
function Rectangle_set_size(w,h) { this.width = w; this.height = h; }
function Rectangle_enlarge(  ) { this.width *= 2; this.height *= 2; }
function Rectangle_shrink(  ) { this.width /= 2; this.height /= 2; }


// Then define a constructor method for our Rectangle objects.
// The constructor initializes properties and also assigns methods.
function Rectangle(w, h)
{
    // Initialize object properties.
    this.width = w;
    this.height = h;


    // Define methods for the object.
    this.area = Rectangle_area;
    this.perimeter = Rectangle_perimeter;
    this.set_size = Rectangle_set_size;
    this.enlarge = Rectangle_enlarge;
    this.shrink = Rectangle_shrink;
}
// Now, when we create a rectangle, we can immediately invoke methods on it:
var r = new Rectangle(2,2);
var a = r.area(  );
r.enlarge(  );
var p = r.perimeter(  );

上面这个例子其实还是有缺点。它把五个函数都赋值给属性，而这就占据了可观的内存空间。一旦创建多个这样的对象，占用的内存会成倍增长。幸运的是，JavaScript 有一个解决方案：允许对象从一个原形对象(prototype object) 继承属性。下一节我们来详细探讨这个技术。