在 ES6 中，新增了一个对象方法 Symbol.toStringTag，它可以用于自定义对象的 toString 方法返回的字符串标签。这个新的方法可以让我们更方便地对对象进行识别和分类，使代码更加直观清晰。本文将深入介绍 Symbol.toStringTag 的用法及其指导意义。
Symbol.toStringTag 的基本用法
Symbol.toStringTag 是 Symbol 类型的一个属性，它是一个内置的、只读的属性，可以用于自定义对象的 toString 方法返回的字符串标签。我们可以通过以下代码来创建一个带有自定义标签的对象：
-- -------------------- ---- -------
-- -----
----- ------- -
------------- -
------------------------ - ----------
-
-
-- ------
----- --- - --- ----------
-- ----- -------- -------
------------------------------------------------- -- ------- --------在上面的例子中，我们定义了一个 MyClass 类，并在构造函数中设置了对象的 Symbol.toStringTag 属性为 'MyClass'。然后，我们创建了一个 MyClass 的实例 obj，并使用 Object.prototype.toString 方法来输出 obj 对象的 toString 方法返回的字符串标签，可以看到输出结果为 [object MyClass]，这个标签就是我们自定义的。
Symbol.toStringTag 的高级用法
除了上面的基本用法外，Symbol.toStringTag 还可以用于一些高级的场景。
1. 区分内置对象
在 JavaScript 中，内置对象的 toString 方法返回的标签是固定的，比如 Array 对象的标签是 '[object Array]'，RegExp 对象的标签是 '[object RegExp]' 等等。但是，有些内置对象的标签并不是很直观，比如 Map、Set、WeakMap、WeakSet 等对象的标签都是 '[object Object]'。这时，我们可以使用 Symbol.toStringTag 来区分它们。例如：
-- -------------------- ---- -------
-- --- --- -
----- ----- ------- --- -
------------- -
--------
------------------------ - --------
-
-
-- ---- ----- --
----- --- - --- --------
-- ----- -------- -------
------------------------------------------------- -- ------- ------在上面的例子中，我们定义了一个 MyMap 类，继承自内置的 Map 类，并在构造函数中设置了对象的 Symbol.toStringTag 属性为 'MyMap'。然后，我们创建了一个 MyMap 的实例 map，并使用 Object.prototype.toString 方法来输出 map 对象的 toString 方法返回的字符串标签，可以看到输出结果为 [object MyMap]，这个标签就是我们自定义的。
2. 自定义标签
除了区分内置对象外，我们还可以使用 Symbol.toStringTag 来自定义对象的标签，以便于我们更好地识别和分类对象。例如：
-- -------------------- ---- -------
-- -----
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
--- ---------------------- -
------ ---------
-
-
-- ------
----- ------ - --- ------------ ----
-- ----- -------- -------
---------------------------------------------------- -- ------- -------在上面的例子中，我们定义了一个 Person 类，并在类中定义了一个 Symbol.toStringTag 的 getter 方法，返回值为 'Person'。然后，我们创建了一个 Person 的实例 person，并使用 Object.prototype.toString 方法来输出 person 对象的 toString 方法返回的字符串标签，可以看到输出结果为 [object Person]，这个标签就是我们自定义的。
Symbol.toStringTag 的指导意义
使用 Symbol.toStringTag 可以让我们更方便地对对象进行识别和分类，使代码更加直观清晰。在实际开发中，我们可以根据自己的需求来自定义对象的标签，以便于更好地管理和维护代码。
总结
Symbol.toStringTag 是 ES6 中的一个新对象方法，它可以用于自定义对象的 toString 方法返回的字符串标签。使用 Symbol.toStringTag 可以让我们更方便地对对象进行识别和分类，使代码更加直观清晰。在实际开发中，我们可以根据自己的需求来自定义对象的标签，以便于更好地管理和维护代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65d58509add4f0e0ffd37fa0