在 ECMAScript 2015 （ES6）版本中，我们看到了对于对象字面量的一些改进。在 ECMAScript 2018（ES9）中，这个特性被继续改进了，被称为 “Enhanced Object Literals”。本文将会对该特性进行详细探究。
什么是 “Enhanced Object Literals”？
“Enhanced Object Literals” 的核心是在对象字面量中添加了一些新的语法，以便更方便地创建对象。在 ES9 中，该特性包括了以下新增的功能：
- 对象字面量可以从传入的变量中获取属性名
- 可以通过对象字面量简写方法和计算属性名来创建函数和属性。
从更广义的角度来看，“Enhanced Object Literals” 确定了一种更加简洁、直观的语法，以便更好地表示对象，并且使代码更加易读和易于维护。
“Enhanced Object Literals” 的应用
1. 获取属性名
在 ES9 中，我们可以使用表达式作为对象字面量的属性名。
例如，如果我们有两个变量 foo 和 bar，那么我们可以通过以下方式添加他们为两个不同的属性：
const obj = {
[foo]: 'foo',
[bar]: 'bar'
};这样，当我们使用 foo 或 bar 作为属性时，都可以使用 obj[foo] 或 obj[bar] 进行访问。
2. 简写方法
在 ES9 中，我们可以使用以下方式创建一个简洁的对象字面量：
const obj = {
func() {
console.log('Hello World!');
}
};这样一来，我们就可以通过 obj.func() 来调用该函数。
3. 计算属性名
在 ES9 中，我们可以使用表达式制定对象字面量中的属性名。
const name = 'Leo';
const obj = {
[name + 'Bob']: 'has a cat'
};
console.log(obj.LeoBob); // 输出 “has a cat”这种方法使我们可以使用动态的属性名，从而更加方便地创建对象。
“Enhanced Object Literals”的优点
通过以上三种方式，我们可以轻松创建对象，并且使代码更加易读和易于维护。同时，这些新的语法元素也使代码看起来更加整洁有序，同时也更加简洁易懂。
使用以上特性时，需要注意以下几点：
- 对象字面量中抛出异常时不要使用逗号作为结尾。
- 计算属性名中使用的表达式不要是函数表达式。
- 为了代码可读性，推荐在对象字面量中使用简写方法。
总结
以上便是 ES9 中的 “Enhanced Object Literals” 特性的详细解释。这项特性提供了更加简洁、直观的语法方式来表示对象，并且使代码更易读和易于维护。
在实际开发中，我们可以按照以上提到的注意事项来使用该特性，同时可以通过实践自己的使用中发掘出更多可能性。
再次提醒，在使用该特性时，需要对目标环境的支持，建议使用 Babel 或其他工具来处理语法。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65a297a4add4f0e0ffab43c9