JavaScript对象详解：从基础概念到实例创建与属性方法操作

JavaScript对象基础概念

在JavaScript中，几乎所有事物均可视为对象，包括字符串、数值、数组和函数等。此外，开发者还可以根据需求自定义对象。JavaScript提供了多种内建对象，例如String、Date和Array等。本质上，对象是一种特殊的数据类型，它由属性（数据）和方法（行为）组成。

• 布尔值在JavaScript中可以表现为对象形式。
• 数值类型同样可以封装为对象。
• 字符串也可以被包装为对象处理。
• 日期类型在JavaScript中也是以对象形式存在的。
• 数学运算对象和正则表达式对象也是JavaScript内置的对象类型。
• 数组在JavaScript中被实现为一种特殊的对象。
• 函数在JavaScript中也是一种对象，具备可调用性等特征。

综上所述，JavaScript中的对象本质上是一种特殊的数据结构，它包含属性（相关数据）和方法（可执行的操作）。

访问对象的属性与方法

要访问对象的属性，需理解属性是与对象关联的值。访问对象属性的标准语法格式为：objectName.propertyName。

objectName.propertyName

以下示例展示了如何使用String对象的length属性来获取字符串的长度：

var message="Hello World!";
var x=message.length;

执行上述代码后，变量x的值将为：

12

对象的方法是指能在对象上执行的操作。调用对象方法的语法格式如下：objectName.methodName()。

objectName.methodName()

以下示例演示了如何使用String对象的toUpperCase()方法将文本转换为大写形式：

var message="Hello world!";
var x=message.toUpperCase();

执行上述代码后，变量x的值将为：

HELLO WORLD!

创建JavaScript对象的方法

在JavaScript中，用户可以定义并创建自己的对象。创建新对象主要有两种不同的方法：

1. 第一种方法是直接定义并创建对象的实例。
2. 第二种方法是使用函数来定义对象，然后基于该函数创建新的对象实例。

以下是直接创建对象实例的示例，该例子创建了一个新对象并向其添加了四个属性：

person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";

另一种替代语法是使用对象字面量（object literals）：

person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};

此外，还可以使用对象构造器来创建对象。以下示例展示了如何使用函数作为构造器来构建对象：

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}

在JavaScript中，关键字this通常指向当前正在执行的函数本身，或者指向该函数所属的对象（取决于运行时的上下文）。一旦定义了对象构造器，就可以创建新的对象实例，具体方式如下：

var myFather=new person("John","Doe",50,"blue");
var myMother=new person("Sally","Rally",48,"green");

动态添加属性与方法

可以通过为对象赋值的方式，向已存在的对象添加新属性。假设personObj对象已经存在，可以为其添加firstname、lastname、age以及eyecolor等新属性：

person.firstname="John";
person.lastname="Doe";
person.age=30;
person.eyecolor="blue";

x=person.firstname;

执行上述代码后，变量x的值将为：

John

方法本质上是附加在对象上的函数。可以在构造器函数内部定义对象的方法，示例如下：

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;

this.changeName=changeName;
function changeName(name)
{
this.lastname=name;
}
}

上述代码中的changeName()函数将传入的name值赋给person对象的lastname属性。现在您可以尝试运行该代码进行验证。

myMother.changeName("Doe");