JavaScript对象字面量 - JavaScript

JavaScript对象字面量是一种创建和初始化对象的简单，轻量级方式。对象字面量可以用于单个对象，也可以用作构造函数中的默认值参数。

格式

对象字面量采用花括号（ {} ）括起来，其中包含一组以逗号分隔的属性/方法对，每个属性/方法对都由一个属性名（字符串）和一个值（任意表达式）组成，属性名和值之间使用冒号（ : ）分隔，最后一个属性/方法对后可以省略逗号。

let objectLiteral = {
  property1: value1,
  property2: value2,
  method1: function() {
    // 方法的代码
  }
};

示例

下面是一个包含属性和方法的简单对象字面量的示例：

let person = {
  name: 'John',
  age: 30,
  sayHello: function() {
    console.log('Hello, my name is ' + this.name + ' and I am ' + this.age + ' years old.');
  }
};

person.sayHello(); // 输出：Hello, my name is John and I am 30 years old.

嵌套对象字面量

对象字面量中的值可以是另一个对象字面量，因此可以创建嵌套对象。

let car = {
  make: 'Honda',
  model: 'Accord',
  year: 2020,
  engine: {
    cylinders: 4,
    displacement: 2.0,
    horsepower: 252
  }
};

console.log(car.engine.cylinders); // 输出：4

动态属性名

在ES6中，可以使用动态属性名表达式（用方括号包含的表达式）来指定对象字面量中的属性名。这使得属性名可以在运行时动态计算。

let key = 'firstName';
let person = {
  [key]: 'John',
  lastName: 'Doe'
};

console.log(person.firstName); // 输出：John

结论

使用JavaScript对象字面量可以方便地创建和初始化对象，通过动态属性名表达式的使用，还可以使属性名更加灵活。对象字面量是JavaScript中必不可少的工具之一，学会使用对象字面量将会提高您的JavaScript编程技能。