在 JavaScript 的进化历程中，ECMAScript 是标准化 JavaScript 语言的过程。ES2020 是 ECMAScript 的最新版本，但与之前的版本不同，ES2020 没有使用 ES10 的符号属性描述更正规范化。那么为什么会出现这种变化呢？本文将对 ES2020 和 ES10 进行详细分析，并探讨这个变化的背景和意义，以及给出相应的学习和指导意义。
ES2020 vs ES10
ES10（即 ECMAScript 2019）是 2019 年 6 月发布的 ECMAScript 规范的第 10 个版本，它引入了对符号属性描述的更规范化处理。
符号是 ES6 引入的新概念，它是一种新的基本数据类型，用于表示对象属性的唯一标识。使用 Symbol 类型的值作为对象属性名，可以有效避免对象属性重名问题，从而提高程序的健壮性和可靠性。
在 ES6 中，我们可以使用 Object.getOwnPropertySymbols 方法获取对象中所有的符号属性，但是这个方法并不规范，它只是用于获取对象中符号属性的“快捷方式”，没有将其规范化。这就导致了代码的兼容性问题，因为不同的浏览器和 JavaScript 引擎可能对这个方法的实现有所不同。
为了解决这个问题，ES10 引入了一个新的内部属性 [[OwnPropertyKeys]]，用于规范化符号属性在对象中的位置，以及它们的可枚举性、可配置性和可写性等描述符。
然而，在 ES2020 中，这些改进的规范都消失了，所以我们必须询问这个变化的背景和含义。
ES2020 的背景和意义
ES2020 的目标是进一步改进和重构现有的基础功能，以提高其稳健性、可读性和可维护性。通过修改符号属性描述更正规范化，ES2020 希望能够更好地支持其他新功能。
符号属性描述更规范化是一个不错的创新，但它的实现可能比预期的要复杂得多。为了保持 ES2020 的简单性和可维护性，规范作者决定将符号属性描述更推迟一些时间，以便能够更好地整合所有需要的功能并保持其用户体验。
因此，ES2020 中去除了 ES10 中的特定规范，因为没有在防止新功能开发时受到限制的情况下，可以将这些功能重新设计在未来的版本中使用。
学习和指导意义
ES2020 的这个变化对 web 开发者来说并不是那么重要，但这里有一些学习和指导意义：
学习 Symbol，理解其用途和工作原理，以及如何使用它编写更可维护、可读和稳健的代码。
理解广义中的 JavaScript 语言规范，深入理解不同 ES 版本之间的差异，以及它们之间的变化和影响。
如何评估一项新功能的重要性，以及何时应该将其添加到语言规范中，以提高其适用性。
提高代码兼容性，保持代码的可维护性和可读性，尽可能地减少应用程序中的问题。
示例代码
要演示符号属性描述更规范化的基本原理，我们可以使用以下代码示例：
const obj = {
name: 'John Doe',
[Symbol('age')]: 30
};
console.log(Object.getOwnPropertyNames(obj)); // [ 'name' ]
console.log(Object.getOwnPropertySymbols(obj)); // [ Symbol(age) ]
console.log(Reflect.ownKeys(obj)); // [ 'name', Symbol(age) ]在这个例子中，我们使用 Symbol 类型来定义对象的一个属性 age，然后我们使用 Object.getOwnPropertyNames 方法和 Object.getOwnPropertySymbols 方法分别获取对象的属性，最后使用 Reflect.ownKeys 获取对象所有的属性键。可以看到，使用 Object.getOwnPropertySymbols 可以很方便地获取对象的符号属性，并且可读性更好。
总结
在本文中，我们回顾了 ES2020 和 ES10 的设计差异，探讨了为什么 ES2020 删除了符号属性描述更规范化的功能，以及这个变化的背景和意义。我们的学习和指导意义处理了 web 开发人员需要了解的主题，并提供了一些示例代码和最佳实践，以帮助 JavaScript 开发人员编写更可维护和适用的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6450f80f980a9b385b9d2ff2