在 ECMAScript 2018 (或者称为 ES9) 的标准中，新增了 Symbol.prototype.description 方法，这个方法的作用是返回当前 Symbol 实例的描述字符串。
语法
Symbol.prototype.description
含义
在 ES6 中，我们可以使用 Symbol 函数来创建一个 Symbol 类型的变量，这个变量本身没有任何语义上的含义，只是一个唯一的标识符。比如：
const s1 = Symbol(); const s2 = Symbol();
如果我们使用 console.log 打印出来的值，它们都是 "Symbol()"，没有任何区别。
在 ES9 中，Symbol 实例引入了一个新的属性“description”，用于在创建 Symbol 时添加一个描述字符串，这个描述字符串可以通过 Symbol.prototype.description 方法查询到。
下面是一个简单的示例：
const s1 = Symbol('foo');
console.log(s1.description); // output: "foo"案例
这个方法的应用场景比较广泛，可以用于区分不同的 Symbol 变量，方便调试等。
比如，在 Vue 3.x 中，我们在 Template 中使用 v-for 指令时，每个循环里都有一个自动生成的 Symbol 类型变量，用于保存当前循环项的值。为了方便调试，我们可以添加一个描述字符串：
-- -------------------- ---- -------
----------
--- ----------- -- ------ --------------------------
---
-----
-----------
--------
------ ----- --------- ---- -----
----- ----- - --------- -- ----- ------- ---- -- ----- --------
-- ------ ------ -----
----- --------- - --------
------ ------- -
------- -
----- -------- - ----------- -- -------------------- -- --
--------
-- - ------ --------
------------ ----
----
------ -
------ ---------
---------
-
-
-
---------在上面的代码中，我们把一个 Symbol 变量与当前项绑定，方便在 Template 中使用。我们也可以为这个 Symbol 变量添加一个描述字符串，用来区分不同的变量。
总结
以上就是 ES9 中 Symbol.prototype.description 方法的语法和含义，这个方法虽然很小，但却非常实用，可以方便地区分不同的 Symbol 变量，同时也可以作为调试时的一个重要参考。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/654dd52e7d4982a6eb7354e1