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.foodgroupchowFun.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);

©版权所有: 淮安深度人工智能科技有限公司2020, 备案号:苏ICP备2020056902号-2 | 技术支持:淮阴工学院计算机与软件工程学院《Web开发技术》教学团队