ES7 中的新特性 Symbol.prototype.toStringTag 属性为我们在开发前端应用时提供了更多的灵活性和可读性。本文将对 Symbol.prototype.toStringTag 属性做详细介绍，以及如何使用它来优化我们的代码。
理解 Symbol.prototype.toStringTag 属性
在 ES6 中，我们已经接触到了 Symbol 作为一个新的原始类型，Symbol 表示为独一无二的值。在 ES7 中，我们引入了 Symbol.prototype.toStringTag 属性，它是一个新的原型属性，它允许我们标记对象类型。也就是说，我们可以创建一个对象类型的名称，并在对象上设置该名称，进而实现更可读、更清晰的代码。
假设我们有一个“Person”对象，我们可以利用 Symbol.prototype.toStringTag 属性来标记这个对象的类型为“Person”。
class Person {
get [Symbol.toStringTag]() {
return 'Person';
}
}
let person = new Person();
console.log(Object.prototype.toString.call(person)); // [object Person]通过上述代码，我们可以看到，调用对象的 Object.prototype.toString 方法时，返回的是“[object Person]”字符串，而不是原来的“[object Object]”字符串，这样做有助于我们更好地区分对象类型。
Symbol.prototype.toStringTag 的学习意义
Symbol.prototype.toStringTag 属性可以为我们在开发中提升代码的可读性、可维护性和可拓展性。如在第三方库的开发过程中，不同的开发人员可能会遇到命名冲突的问题，而使用 Symbol.prototype.toStringTag 属性可以避免这种问题。
此外，Symbol.prototype.toStringTag 属性还可以帮助我们将类的方法转换为字符串，从而方便调试和日志记录。
如何使用 Symbol.prototype.toStringTag 属性
下面我们可以通过示例代码来展示如何使用 Symbol.prototype.toStringTag 属性。
-- -------------------- ---- -------
----- --- -
------------------ ------ -
---------- - ------
---------- - ------
-
--- ---------------------- -
------ ------
-
---------- -
------ -------------- ---------------
-
-
--- --- - --- ----------- -----------
------------------------------------------------- -- ------- ----
---------------------------- -- ---- -------在上述代码中，我们创建了一个“Car”类，并通过 Symbol.prototype.toStringTag 属性将其类型标记为“Car”。此外，我们重写了 toString 方法，以便将汽车对象输出为“brand model”的字符串格式。通过这种方式，我们就可以很方便地实现调试和日志记录功能。
总结
Symbol.prototype.toStringTag 属性为我们在前端开发中提供了更多的灵活性和可读性。通过标记对象类型，我们可以更好地区分不同的对象，提高代码的可读性和可维护性。在实际开发中，我们可以根据需要，灵活地运用 Symbol.prototype.toStringTag 属性，创造更好的编程体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6469dc6e968c7c53b09a79c3