当前位置:首页 » 网站技术 » JavaScript

js创建自定义对象

...

创建高级对象
使用构造函数来创建对象
构造函数是一个函数,调用它来例示并初始化特殊类型的对象。可以使用 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; // 计算圆面积的公式为 ?r2。
}
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 + ")");

一个有效的实例(拷贝粘贴后运行即可)
----------------------------------------------------------
<script language="javascript">
function Circle(radius){
  this.r = radius;
  this.area = ACirclesArea;

}

function ACirclesArea(){
  return this.pi * this.r * this.r;
}

Circle.prototype.pi = Math.PI;

var ACircle = new Circle();
ACircle.r=1;
var a = ACircle.area();

var mycircle=new Circle(20);
var b = mycircle.area();

alert("a圆的面积为:"+a);
alert("b圆的面积为:"+b);
</script>

继续阅读
JavaScript 的简介与特点
JavaScript 与 Java 的区别
JavaScript 的运行环境
JScript基础教程(4) — JavaScript 的数据类型
JScript基础教程(5) — JavaScript 的语句及语法
JScript基础教程(6) — JavaScript 的对象及其属性和方法
JScript基础教程(6) — JavaScript 的事件处理
“Web开发中的JavaScript设计艺术”聊天实录
IE 意外处理:有我(JavaScript)当关,万错莫开
发表评论

昵称:
最新评论
暂时没有评论!