在 ES9 中，我们看到了一个新的特性：Symbol.prototype.description。这个特性可以帮助我们更好地理解和处理 Symbol 的可读性，从而使我们的开发工作更加高效。
在了解这个新特性之前，我们需要先了解一下什么是 Symbol，在 JavaScript 中如何使用 Symbol。
什么是 Symbol？
Symbol 是一个基本数据类型，它在 ES6 中被引入，可以用来创建唯一的标识符。每个通过 Symbol 函数创建的 Symbol 值都是唯一的，这意味着我们可以使用 Symbol 来创建私有的属性或方法，从而防止其他代码修改它们。
我们可以使用 Symbol 函数来创建一个 Symbol 值：
const sym = Symbol();
我们也可以使用 Symbol 函数的参数来创建具有描述性的 Symbol 值：
const sym = Symbol("My symbol");在 JavaScript 中如何使用 Symbol？
我们可以将 Symbol 作为对象的属性名来创建“私有”属性或方法，从而防止其他代码修改它们。这种方式被称为 Symbol 属性。
const sym = Symbol();
const obj = {
[sym]: "value"
};
console.log(obj[sym]); // "value"我们也可以通过 Symbol 属性和全局 Symbol 定义来创建有意义的常量：
// javascriptcn.com 代码示例
const COLOR_RED = Symbol('Red');
const COLOR_GREEN = Symbol('Green');
const COLOR_BLUE = Symbol('Blue');
function getComplement(color) {
switch (color) {
case COLOR_RED:
return COLOR_GREEN;
case COLOR_GREEN:
return COLOR_RED;
case COLOR_BLUE:
return COLOR_ORANGE;
default:
throw new Exception('Undefined color');
}
}为什么需要 Symbol.prototype.description？
我们使用 Symbol 属性时，其实就是利用了 Symbol 值本身的可读性（或者说不可读性）。但是，对于有描述性的 Symbol 值，我们可能并不希望它们是不可读的。
以前的做法是在 Symbol 值后面加上 .toString() 方法来获取 Symbol 的描述性字符串，然后再手动处理字符串，这样做比较麻烦。
ES9 新特性的 Symbol.prototype.description 方法就是为了解决这个问题而被引进的。它可以直接返回 Symbol 的描述性字符串。
怎样使用 Symbol.prototype.description？
我们可以使用 Symbol.prototype.description 来获取 Symbol 的描述性字符串：
const sym = Symbol("My symbol");
console.log(sym.description); // "My symbol"我们也可以将 Symbol.prototype.description 与对象解构一起使用：
const myObject = {
[Symbol("myProperty")]: 1
};
const { [Symbol("myProperty")].description: myDescriptionValue } = myObject;
console.log(myDescriptionValue); // "myProperty"总结
ES9 的 Symbol.prototype.description 方法提供了一种直接获取 Symbol 描述性字符串的方法，使得我们可以更方便地处理 Symbol 的可读性。我们可以使用 Symbol.prototype.description 来获取 Symbol 描述性字符串，或者将它与对象解构一起使用。这个新特性对于开发工作有很大的帮助，可以让我们更加高效地开发前端应用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/654b2c967d4982a6eb51d4e1