随着 ES6 的发布，JavaScript 成为了一种更加先进和强大的编程语言。然而，ECMAScript 2017（ES8）带来了更多的变化，其中一个重要的更新是对象字面量。
对象字面量是一种定义对象的方式，可以在一个对象中定义属性和方法。在 ES8 中，对象字面量得到了增强，让开发者对对象的定义更加方便和精确。
简单对象字面量
使用对象字面量定义一个简单的对象非常简单，只需要使用花括号 {} 包含属性和方法即可。
const person = {
name: 'John',
age: 30,
sayHello() {
console.log('Hello');
}
};对象定义完成后，可以通过 . 运算符访问对象的属性和方法。
console.log(person.name); // 输出：John person.sayHello(); // 输出：Hello
动态属性名
在之前的版本中，对象字面量只支持静态属性名。而在 ES8 中，我们可以在一个对象中使用动态属性名来定义属性。
const dynamicPropertyName = 'age';
const person = {
name: 'John',
[dynamicPropertyName]: 30
};
console.log(person.age); // 输出：30通过使用方括号 [] 包含一个变量或表达式来定义动态属性名。上面的代码中，我们使用变量 dynamicPropertyName 来定义了对象 person 的 age 属性。
属性方法简写
在 ES6 中，我们可以使用箭头函数来简写对象方法的定义。在 ES8 中，我们可以使用同样的方式简写对象方法的定义。
-- -------------------- ---- -------
----- ------ - -
----- -------
---------- -
---------------------
--
------- -- -- -
-------------------
-
--注意，简写的方法不能用作构造函数。
规范化对象定义
在 ES8 中，我们可以使用对象的新方法 Object.values() 和 Object.entries() 来规范化对象的定义。这是非常有用的功能，可以让你快速访问对象的值和属性，而不需要手动处理对象中的属性和方法。
Object.values() 方法返回一个数组，包含对象中所有的属性的值。
const person = {
name: 'John',
age: 30
};
const values = Object.values(person);
console.log(values); // 输出：['John', 30]Object.entries() 方法返回一个数组，包含每个属性的名称和对应的值。
const person = {
name: 'John',
age: 30
};
const entries = Object.entries(person);
console.log(entries); // 输出：[ ['name', 'John'], ['age', 30] ]总结
在 ECMAScript 2017（ES8）中，对象字面量得到了增强，让开发者对对象的定义更加方便和精确。在这篇文章中，我们讨论了以下对象字面量的更新：
- 简单对象字面量
- 动态属性名
- 属性方法简写
- 规范化对象定义
这些对象字面量的更新，让开发者在编写 JavaScript 代码时更加方便和灵活。这些特性不仅提高了代码的可读性和可维护性，而且让开发者能够更好地使用 JavaScript 编程语言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d4dcfbb5eee0b525cb211e