Javascript 自定义对象

Javascript 自定义对象

－、创建自定义对象

要创建自己的对象实例，必须首先为其定义一个构造函数。构造函数创建一个新对象，赋予对象属性，并在合适的时候赋予方法。例如，下面的示例为 pasta 对象定义了构造函数。注意 this 关键字的使用，它指向当前对象。

// pasta 是有四个参数的构造器。

function pasta(grain, width, shape, hasEgg)

{

// 是用什么粮食做的？

this.grain = grain;

// 多宽？（数值）

this.width = width;

// 横截面形状？（字符串）

this.shape = shape;

// 是否加蛋黄？（ boolean ）

this.hasEgg = hasEgg;

}

定义了对象构造器后，用 new 运算符创建对象实例。

var spaghetti = new pasta("wheat", 0.2, "circle", true);

var linguine = new pasta("wheat", 0.3, "oval", true);

可以给对象实例添加属性以改变该实例，但是用相同的构造器生成的其他对象定义中并不包括这些属性，而且除非你特意添加这些属性那么在其他实例中并不显示出来。如果要将对象所有实例的附加属性显示出来，必须将它们添加到构造函数或构造器原型对象（原型在创建高级对象中讨论）中。

// spaghetti 的附加属性。

spaghetti.color = "pale straw";

spaghetti.drycook = 7;

spaghetti.freshcook = 0.5;

var chowFun = new pasta("rice", 3, "flat", false);

// chowFun 对象或其他现有的 pasta 对象

// 都没有添加到 spaghetti 对象

// 的三个新属性。

// 将属性 ‘foodgroup’ 加到 pasta 原型对象

// 中，这样 pasta 对象的所有实例都可以有该属性，

// 包括那些已经生成的实例。

pasta.prototype.foodgroup = "carbohydrates"

// 现在 spaghetti.foodgroup 、 chowFun.foodgroup ，等等

// 均包含值 “carbohydrates” 。

在定义中包含方法

可以在对象的定义中包含方法（函数）。一种方法是在引用别处定义的函数的构造函数中添加一个属性。例如，下面的示例扩充上面定义的 pasta 构造函数以包含 toString 方法，该方法将在显示对象的值时被调用。

// pasta 是有四个参数的构造器。

// 第一部分与上面相同。

function pasta(grain, width, shape, hasEgg)

{

// 用什么粮食做的？

this.grain = grain;

// 多宽？（数值）

this.width = width;

// 横截面形状？（字符串）

this.shape = shape;

// 是否加蛋黄？（ boolean ）

this.hasEgg = hasEgg;

// 这里添加 toString 方法（如下定义）。

// 注意在函数的名称后没有加圆括号；

// 这不是一个函数调用，而是

// 对函数自身的引用。

this.toString = pastaToString;

}

// 实际的用来显示 past 对象内容的函数。

function pastaToString()

{

// 返回对象的属性。

return "Grain: " + this.grain + "\n" +

"Width: " + this.width + "\n" +

"Shape: " + this.shape + "\n" +

"Egg?: " + Boolean(this.hasEgg);

}

var spaghetti = new pasta("wheat", 0.2, "circle", true);

// 将调用 toString() 并显示 spaghetti 对象

// 的属性（需要 Internet 浏览器）。

window.alert(spaghetti);

二、创建高级对象

构造函数是一个函数，调用它来例示并初始化特殊类型的对象。可以使用 new 关键字来调用一个构造函数。下面给出了使用构造函数的新示例。

var myObject = new Object(); // 创建没有属性的通用对象。

var myBirthday = new Date(1961, 5, 10);// 创建一个 Date 对象。

var myCar = new Car(); // 创建一个用户定义的对象，并初始化其属性。

通过构造函数将一个参数作为特定的 this 关键字的值传递给新创建的空对象。然后构造函数负责为新对象执行适应的初始化（创建属性并给出其初始值）。完成后，构造函数返回它所构造的对象的一个参数。

编写构造函数

可以使用 new 运算符结合像 Object() 、 Date() 和 Function() 这样的预定义的构造函数来创建对象并对其初始化。面向对象的编程其强有力的特征是定义自定义构造函数以创建脚本中使用的自定义对象的能力。创建了自定义的构造函数，这样就可以创建具有已定义属性的对象。下面是自定义函数的示例（注意 this 关键字的使用）。

function Circle (xPoint, yPoint, radius) {

this.x = xPoint;// 圆心的 x 坐标。

this.y = yPoint;// 圆心的 y 坐标。

this.r = radius;// 圆的半径。

}

调用 Circle 构造函数时，给出圆心点的值和圆的半径（所有这些元素是完全定义一个独特的圆对象所必需的）。结束时 Circle 对象包含三个属性。下面是如何例示 Circle 对象。

var aCircle = new Circle(5, 11, 99);

使用原型来创建对象

在编写构造函数时，可以使用原型对象（它本身是所有构造函数的一个属性）的属性来创建继承属性和共享方法。原型属性和方法将按引用复制给类中的每个对象，因此它们都具有相同的值。可以在一个对象中更改原型属性的值，新的值将覆盖默认值，但仅在该实例中有效。属于这个类的其他对象不受此更改的影响。下面给出了使用自定义构造函数的示例， Circle （注意 this 关键字的使用）。

Circle.prototype.pi = Math.PI;

function ACirclesArea () {

return this.pi * this.r * this.r; // 计算圆面积的公式为 Πr² 。

}

Circle.prototype.area = ACirclesArea; // 计算圆面积的函数现在是 Circle Prototype 对象的一个方法。

var a = ACircle.area(); // 此为如何在 Circle 对象上调用面积函数。

使用这个原则，可以给预定义的构造函数（都具有原型对象）定义附加属性。例如，如果想要能够删除字符串的前后空格（与 VBScript 的 Trim 函数类似），就可以给 String 原型对象创建自己的方法。

// 增加一个名为 trim 的函数作为

// String 构造函数的原型对象的一个方法。

String.prototype.trim = function()

{

// 用正则表达式将前后空格

// 用空字符串替代。

return this.replace(/(^\s*)|(\s*$)/g, "");

}

// 有空格的字符串

var s = " leading and trailing spaces ";

// 显示 " leading and trailing spaces (35)"

window.alert(s + " (" + s.length + ")");

// 删除前后空格

s = s.trim();

// 显示 "leading and trailing spaces (27)"

window.alert(s + " (" + s.length + ")");