---

JavaScript 对象

现实生活中的对象
现实生活中的对象包括：房屋、汽车、人、动物或其他任何对象。

以下是汽车对象的示例：

汽车对象属性方法

car.name = Fiat

car.model = 500

car.weight = 850kg

car.color = white
car.start()

car.drive()

car.brake()

car.stop()

对象属性

现实生活中的汽车具有重量和颜色等属性：

car.name = Fiat、car.model = 500、car.weight = 850kg、car.color = white。

汽车对象具有相同的属性，但不同汽车的值不同。

对象方法

现实生活中的汽车具有启动和停止等方法：

car.start()、car.drive()、car.brake()、car.stop()。

汽车对象具有相同的方法，但这些方法在不同的时间执行。

JavaScript 变量

JavaScript 变量是数据值的容器。

此代码将一个简单值 (Fiat) 分配给名为 car 的变量：

示例

let car = "Fiat";

JavaScript 对象

对象也是变量。但对象可以包含许多值。

此代码将许多值 (Fiat、500、white) 分配给名为 car 的对象：

示例

const car = {type:"Fiat", model:"500", color:"white"};

注意：
使用 const 关键字声明对象是一种常见做法。

JavaScript 对象定义

如何定义 JavaScript 对象

• 使用对象文字
• 使用 new 关键字
• 使用对象构造函数

JavaScript 对象文字

对象文字是花括号 {} 内的名称：值对列表。

{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}

注意：
名称：值对也称为键：值对。

对象文字也称为对象初始化器。

创建 JavaScript 对象

这些示例创建具有 4 个属性的 JavaScript 对象：

示例

// 创建对象
const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

空格和换行符并不重要。对象初始化器可以跨越多行：

// 创建对象
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};

此示例创建一个空的 JavaScript 对象，然后添加 4 个属性：

// 创建对象
const person = {};// 添加属性
person.firstName = "John";
person.lastName = "Doe";
person.age = 50;
person.eyeColor = "blue";

使用 new 关键字

此示例使用 new Object() 创建一个新的 JavaScript 对象，然后添加 4 个属性：

示例

// 创建对象
const person = new Object();// 添加属性
person.firstName = "John";
person.lastName = "Doe";
person.age = 50;
person.eyeColor = "blue";

注意：
上述示例完全相同。

但是，无需使用 new Object()。

为了便于阅读、简单和执行速度，请使用对象文字方法。

对象属性

JavaScript 对象中的命名值称为属性。

属性	值
firstName	John
lastName	Doe
age	50
eyeColor	blue
以名称值对形式编写的对象类似于：

PHP 中的关联数组
Python 中的字典
C 中的哈希表
Java 中的哈希映射
Ruby 和 Perl 中的哈希

访问对象属性

您可以通过两种方式访问​​对象属性：

objectName.propertyName
objectName[“propertyName”]
示例

person.lastName;
person["lastName"];

JavaScript 对象方法

方法是可以对对象执行的操作。

方法是存储为属性值的函数定义。

属性	属性值
firstName	John
lastName	Doe
age	50
eyeColor	blue
fullName	function() {return this.firstName + " " + this.lastName;}
示例

const person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};

在上面的例子中，这指的是 person 对象：

this.firstName 表示 person 的 firstName 属性。

this.lastName 表示 person 的 lastName 属性。

在 JavaScript 中，对象为王。

如果您理解对象，您就理解了 JavaScript。

对象是属性和方法的容器。

属性被命名为值。

方法是存储为属性的函数。

属性可以是原始值、函数，甚至是其他对象。

在 JavaScript 中，几乎“一切”都是对象。

对象是对象
数学是对象
函数是对象
日期是对象
数组是对象
映射是对象
集合是对象
除原始值外，所有 JavaScript 值都是对象。

JavaScript 原始值

原始值是没有属性或方法的值。

3.14 是原始值

原始数据类型是具有原始值的数据。

JavaScript 定义了 7 种原始数据类型：

• 字符串
• 数字
• 布尔值
• null
• 未定义undefined
• 符号
• bigint
• 不可变
  原始值是不可变的（它们是硬编码的，无法更改）。

如果 x = 3.14，则可以更改 x 的值，但不能更改 3.14 的值。

值	类型	注释
“Hello”	字符串	“Hello”始终为“Hello”
3.14	数字	3.14 始终为 3.14
true	布尔值	true 始终为 true
false	布尔值	false 始终为 false
null	null (对象)	null 始终为 null
undefined	undefined	undefined 始终为 undefined

JavaScript 对象是可变的

对象是可变的：它们通过引用而不是值来寻址。

如果 person 是一个对象，则以下语句不会创建 person 的副本：

const x = person;
对象 x 不是 person 的副本。对象 x 是 person。

对象 x 和对象 person 共享相同的内存地址。

对 x 的任何更改也会更改 person：

示例

//创建一个对象
const person = {
firstName:"John",
lastName:"Doe",
age:50, eyeColor:"blue"
}//创建一个副本
const x = person;// 更改两者中的 Age
x.age = 10;

---

总结

本文介绍了JavaScript 对象的使用，如有问题欢迎私信和评论