对象字面量是JavaScript中创建对象的一种简洁方式，允许直接在代码中定义对象的键值对。它使用花括号`{}`包裹，内部由键和值组成，键为字符串或标识符，值可以是任意类型，键值对之间用逗号`,`分隔。 ### 对象字面量的基本结构 ```javascript let obj = { key1: value1, key2: value2, // ... }; ``` - `key`是对象的属性名 - `value`是属性值 ### 使用示例 #### 示例1：创建一个简单的对象 ```javascript let person = { name: "张三", age: 30, gender: "男" }; ``` 在这个例子中，我们创建了一个名为`person`的对象，它有三个属性：`name`、`age`和`gender`，分别对应的值为"张三"、30和"男"。 #### 示例2：访问对象的属性 ```javascript console.log(person.name); // 输出 "张三" console.log(person.age); // 输出 30 console.log(person.gender); // 输出 "男" ``` 在这个例子中，我们通过`.`操作符访问了`person`对象的属性，并将属性值输出到控制台。 #### 示例3：修改对象的属性值 ```javascript person.name = "李四"; console.log(person.name); // 输出 "李四" ``` 在这个例子中，我们将`person`对象的`name`属性值修改为"李四"，并输出新的属性值。 #### 示例4：添加新属性 ```javascript person.job = "程序员"; console.log(person.job); // 输出 "程序员" ``` 在这个例子中，我们给`person`对象添加了一个新属性`job`，并设置了属性值为"程序员"，然后输出新添加的属性值。 #### 示例5：删除属性 ```javascript delete person.job; console.log(person.job); // 输出 undefined ``` 在这个例子中，我们使用`delete`操作符删除了`person`对象的`job`属性，然后尝试输出该属性值，结果为`undefined`。 ### 对象字面量的特性 | 特性 | 描述 | | --- | --- | | 基本语法 | 使用花括号`{}`包围键值对 | | 键值对 | 由键和值组成，使用冒号`:`分隔 | | 键（Key） | 通常是一个字符串或者symbol，也可以是数字（在对象中会被自动转换为字符串） | | 值（Value） | 可以是任何数据类型，包括数字、字符串、数组、函数、对象等 | | 属性访问 | 使用点表示法`.<属性名>` 或者括号表示法`[<属性名>]` | | 可变性 | 对象是可变的，可以添加、修改或删除属性 | | 简写 | 如果键和变量名相同，可以简写为一个 | | 计算属性名 | 可以在对象字面量中使用方括号`[]`来定义动态的属性名 | | 方法简写 | 如果属性值是一个函数，可以省略冒号和`function`关键字，直接写函数定义 | | 属性赋值简写 | 在方法内可以使用`this`关键字访问对象的其他属性 | ### 对象字面量的示例 ```javascript let person = { firstName: "张", // 字符串键值对 lastName: "伟", // 字符串键值对 age: 30, // 数字键值对 greet: function() { // 函数属性 console.log(`你好，${this.firstName}${this.lastName}`); }, // 简写属性 fullName() { return this.firstName + this.lastName; }, // 计算属性名 ["address_" + 1]: "北京朝阳区" }; // 使用点表示法访问属性 console.log(person.firstName); // 输出：张 // 使用括号表示法访问属性 console.log(person["address_1"]); // 输出：北京朝阳区 ``` 通过这些示例和特性描述，你可以更好地理解和使用JavaScript中的对象字面量。