在 ECMAScript 2019 (也称 ES10) 中，出现了一个新的特性：Symbol.description 属性。Symbol.description 属性用于获取 Symbol 的描述信息，这个特性虽然不像 async/await 一样引起轰动，但也是一个很有用的特性。接下来，我们来详细了解它。
基本概念
在 ES6 中，Symbol 是通过 Symbol() 函数来创建的。我们可以传递一个参数作为 Symbol 的描述信息，如下所示：
const sym = Symbol('foo');在上面的代码中，'foo' 是 Symbol 的描述信息。由于每个 Symbol 都是唯一的，所以在控制台中打印出 sym，我们可以看到它的描述信息：
console.log(sym); // Symbol(foo)
Symbol.description 的引入
在 ES10 中，我们可以使用 Symbol.prototype.description 属性来获取描述信息。如下所示：
const sym = Symbol('foo');
console.log(sym.description); // 'foo'在这里，我们不再需要手动解析 Symbol 的描述信息，而是可以通过访问 Symbol.description 直接获取。
实际用途
以往，在反射 Symbol 的描述信息时，我们需要手动解析。假设我们有如下代码：
const sym = Symbol('foo');
const symInfo = sym.toString();
const symDesc = symInfo.slice(7, symInfo.length - 1);
console.log(symDesc); // 'foo'这段代码可以正常地获取 Symbol 的描述信息。但是，如果我们在多个地方使用 Symbol，并且需要反射多次，这显然是不方便的。Symbol.description 属性的引入，可以减少剩余代码的复杂性，让我们能够更加方便地使用 Symbol。
另一个用途是可以在对象字面量中使用 Symbol，这使其可读性更高。如下所示：
const sym1 = Symbol('foo');
const sym2 = Symbol('bar');
const obj = {
[sym1.description]: 'Hello',
[sym2.description]: 'World',
};在上面的示例中，我们可以很容易地找到 Symbol 所代表的值的描述信息。
总结
在本文中，我们了解了 ES10 中的 Symbol.description 属性及其用途，学习了在对象字面量中使用 Symbol 的信息。掌握 Symbol.description 的使用，可以让我们更容易地编写、调试和维护代码，提高我们的生产力，在前端开发中有很好的指导意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e033b6f6b2d6eab3b472a9