五、JavaScript对象

引言

在 JavaScript 中，对象是一种非常重要的数据类型，它允许我们以键值对的形式组织和存储数据。对象提供了丰富的属性和方法，使得我们能够创建、操作和管理复杂的数据结构。本文将详细介绍 JavaScript 对象的属性和常用 API，并提供一个模拟实现对象的示例。同时，还将探讨对象的应用场景和一些相关的参考资料。

1. 对象属性

JavaScript 对象的属性是以键值对的形式存储的。对象属性可以是任意类型的值，包括基本数据类型（如字符串、数字、布尔值）和其他对象。

访问属性

我们可以使用点符号或方括号来访问对象的属性。例如：

const person = {
  name: 'John',
  age: 25,};
console.log(person.name); // 输出: John
console.log(person['age']); // 输出: 25

修改属性

可以通过赋值运算符来修改对象的属性值。例如：

person.age = 30;
console.log(person.age); // 输出: 30

删除属性

可以使用 delete 关键字来删除对象的属性。例如：

delete person.age;
console.log(person.age); // 输出: undefined

动态添加属性

JavaScript 对象是动态的，意味着我们可以在运行时动态添加新的属性。例如：

person.address = '123 Main Street';
console.log(person.address); // 输出: 123 Main Street

属性枚举

JavaScript 对象的属性默认可枚举，即可以通过 for...in 循环遍历对象的属性。可以使用 Object.defineProperty() 方法来定义不可枚举的属性。例如：

const car = {
  brand: 'Toyota',
  model: 'Camry',};
Object.defineProperty(car, 'color', {
  value: 'blue',
  enumerable: false,});
for (let key in car) {
  console.log(key); // 输出: brand, model}

在上面的示例中，我们使用 Object.defineProperty() 定义了一个不可枚举的 color 属性，因此在 for...in 循环中不会被遍历到。

属性描述符

每个属性都有一个与之关联的属性描述符，描述了属性的各种特性。可以使用 Object.getOwnPropertyDescriptor() 方法获取属性的描述符。例如：

const descriptor = Object.getOwnPropertyDescriptor(person, 'name');
console.log(descriptor);// 输出: { value: 'John', writable: true, enumerable: true, configurable: true }

在上面的示例中，我们获取了 person 对象的 name 属性的描述符。

带你读《现代Javascript高级教程》五、JavaScript对象（2）https://developer.aliyun.com/article/1349678?groupCode=tech_library