简介
在 ECMAScript 9（ES9）中，引入了一种新的对象初始化语法，使开发人员可以更轻松地创建对象文字。这种语法被称为“公共字段”，它通过允许添加常规对象文字的简写语法以及带有指定名称的计算属性名称来扩展对象文字。
在这篇文章中，我们将深入了解 ES9 的公共字段特性，包括如何使用它、为什么要使用它以及使用它的最佳实践。
具体特性
对象文字简写
以前，在创建新对象时，您需要编写冗长的代码才能定义对象的属性并将其值初始化。例如，下面的示例演示如何创建一个包含 id 和 name 属性的用户对象：
const user = {
id: 1,
name: 'John'
};在 ES9 中，我们可以使用对象文字简写的特性轻松定义一个简单的对象：
const user = {
id: 1,
name: 'John'
};这段代码等价于上面的示例，我们使用相同的属性名定义了对象 user 的属性。
计算属性名称
计算属性名称是指在创建新对象时使用表达式来定义属性名称的特性。在 ES6 中，我们可以使用方括号来包装计算属性名称：
const key = 'id';
const user = {
[key]: 1,
name: 'John'
};在 ES9 中，我们可以更简洁地表达同样的代码：
const key = 'id';
const user = {
id,
name: 'John'
};同时使用简写和计算属性名称
ES9 公共字段特性允许我们同时使用对象文字简写和计算属性名称，从而更简洁地表达复杂的对象文字。例如：
const key = 'id';
const user = {
[key]: 1,
name: 'John',
age: 28,
[`${key}Name`]: 'userId'
};上面的示例演示了如何在一个对象中使用所有三个公共字段特性。
最佳实践
使用几个最佳实践，可以使公共字段特性更加有用和易于维护：
在使用计算属性名称时，确保计算结果是惟一的。如果您使用不同的表达式生成相同的属性名称，可能会覆盖对象的属性。
对象文字简写语法是一种非常强大的工具，但过度使用它会降低代码的可读性和可维护性。在对象中仅使用短名称和常见属性的简写语法。
对象文字的中括号简写语法非常适用于生成复杂的属性名称，但需要小心，以确保计算结果的正确性。
示例代码
下面是一个包含所有三个 ES9 公共字段特性的代码示例：
-- -------------------- ---- -------
----- --- - -----
----- ---- - -
---
----- -------
---- ---
--------------- --------
--
------------------
-- ------- ---- -- ----- ------- ---- --- ------- ---------结论
ES9 公共字段特性是一种非常强大的语法，可以使对象文字更加简洁和易于维护。使用良好的最佳实践和代码风格，可以确保代码的可读性和可维护性，从而加快开发速度并减少潜在错误的风险。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66fb9fac44713626015f9cfe