JavaScript 对象294

概述

JavaScript 对象是一种数据结构，它将键值对存储在单个实体中。键通常是字符串，而值可以是任何 JavaScript 类型，包括其他对象。对象在 JavaScript 中用于组织和存储相关数据，并提供对其进行操作的方法。

创建对象

可以使用以下方法创建对象：
对象字面量：使用花括号 {} 声明。
new 运算符：使用关键字 new 和构造函数创建对象。
工厂函数：返回新对象的函数。
类：使用 ES6 语法创建对象的模板。

```javascript
// 对象字面量
const person = {
name: "John Doe",
age: 30,
city: "New York"
};
// new 运算符
const car = new Car({
make: "Toyota",
model: "Camry",
year: 2023
});
// 工厂函数
const createEmployee = (name, age, salary) => ({
name,
age,
salary
});
```

访问属性

可以使用以下方法访问对象属性：
点表示法：使用点语法 。
方括号表示法：使用方括号表示法 object["property"]。

```javascript
// 点表示法
(); // "John Doe"
// 方括号表示法
(car["make"]); // "Toyota"
```

添加属性

可以通过简单的赋值来向对象添加新属性：```javascript
= "@";
```

删除属性

可以使用 delete 运算符从对象中删除属性：```javascript
delete ;
```

方法

对象可以包含方法，它们是附加到对象的函数。方法可以访问对象的数据并对其进行操作。```javascript
const employee = {
name: "Jane Doe",
salary: 50000,
increaseSalary: function(amount) {
+= amount;
}
};
(10000); // 增加 Jane 的薪水
```

原型

JavaScript 对象具有一个原型，它是一个包含所有继承属性和方法的对象。当从对象读取或写入属性时，它会首先检查该对象本身，然后检查其原型，以此类推。```javascript
const person = {
name: "John Doe"
};
// person.__proto__ 访问 person 的原型
(person.__proto__ === ); // true
```

冻结对象

使用 () 方法可以让对象不可变，防止修改其属性或方法。```javascript
const frozenObject = ({
name: "John Doe"
});
// 尝试修改冻结对象将抛出错误
= "Jane Doe";
```

用途

JavaScript 对象在以下方面很有用：
组织和存储相关数据
表示现实世界中的实体（如用户、产品等）
实现对象面向编程
创建可重用的代码组件

2024-12-08

上一篇：JavaScript PDF 操作指南

下一篇：JavaScript 正则表达式从基础到精通