深入剖析JS对象“简”与“繁”——上篇

2023-09-18 05:00:21

JS对象：简单与复杂并存

JS对象是一种数据结构，用于存储相关的数据。对象由键值对组成，键是唯一标识符，值可以是任何类型的数据。对象可以嵌套，这意味着一个对象可以包含另一个对象。

对象的简单之处在于，它可以轻松创建和使用。要创建一个对象，只需使用大括号({})，并在其中添加键值对即可。例如：

const person = {
  name: "John Doe",
  age: 30,
  city: "New York"
};

这个对象包含三个键值对："name"、"age"和"city"。我们可以使用点(.)运算符或方括号([])运算符来访问对象中的值。例如：

console.log(person.name); // 输出 "John Doe"
console.log(person["age"]); // 输出 30

对象的复杂之处在于，它可以非常庞大和嵌套。对象可以包含其他对象、数组，甚至函数。这使得对象非常灵活，但同时也可能难以理解和管理。

对象的基本概念

属性

对象的属性是指键值对中的键。属性是对象的唯一标识符，用于访问对象中的值。属性可以是任何有效JavaScript标识符，但通常使用小写字母和下划线。

方法

对象的方法是指键值对中的值。方法是对象的功能，可以对对象中的数据进行操作。方法通常使用函数来实现，函数体包含方法的逻辑。

访问属性和方法

要访问对象中的属性和方法，可以使用点(.)运算符或方括号([])运算符。点运算符更简洁，但方括号运算符更灵活。

// 使用点运算符访问属性
console.log(person.name); // 输出 "John Doe"

// 使用方括号运算符访问属性
console.log(person["age"]); // 输出 30

// 使用点运算符调用方法
person.greet(); // 输出 "Hello, my name is John Doe"

// 使用方括号运算符调用方法
person["greet"](); // 输出 "Hello, my name is John Doe"