用 ES8 中的 Symbol.toStringTag 实现 JavaScript 对象指向-JavaScript中文网-JavaScript教程资源分享门户

JavaScript 中的对象是一种复杂的数据类型，其特征是可以使用属性和方法对其进行操作和组织，同时它也允许我们创建自定义的对象。然而，对于一个复杂的对象，其类型信息却不容易被获取。为了解决这个问题，ES8 中引入了 Symbol.toStringTag 属性，允许我们定义一个对象的类型信息，使得我们可以更方便地获取类型信息。

如何使用 Symbol.toStringTag

Symbol.toStringTag 属性是一种 ES6 引入的新类型的 Symbol 值，它的作用是定义一个对象的 toString 方法返回值中的字符串标记。我们可以调用 Object.prototype.toString 方法来获取类型表示的字符串标记，该方法返回一个以"[object 类型名]"形式表示的字符串。

对于自定义对象，在其原型上定义一个 toStringTag 属性，该属性设置为一个字符串就能定制对象的类型字符串。下面是一个例子：

class Person {
  get [Symbol.toStringTag] () {
    return 'Person';
  }
}

const person = new Person()
console.log(Object.prototype.toString.call(person)) // "[object Person]"

在上述代码中，我们创建了一个 Person 类，并重载了该类的 Symbol.toStringTag 方法，并返回了 "Person"。当我们调用 Object.prototype.toString 方法时，就能看到输出的字符串中包含了对象的类型字符串。

指导意义

在以前的版本中，通过使用 typeof 运算符获取对象类型的时候很容易让人困惑，例如 typeof [] === 'object'这种情况。然而，在使用 Symbol.toStringTag 之后，我们就能直接获取对象的类型字符串了，从而更方便地进行类型判断和对象类型相关操作的实现。

此外，通过对一个对象的类型标签进行自定义，我们也能赋予该对象一些特殊的功能表达意义，例如在一些第三方库中使用 Symbol.toStringTag 对自定义类型进行识别和处理，进而增强 API 的可扩展性和可移植性。

结论

Symbol.toStringTag 是 ES8 中引入的新类型的 Symbol 值，用于定义一个对象的类型信息。通过对一个对象的类型标签进行自定义，我们可以更方便地获取类型信息，并赋予该对象一些特殊的功能表达意义。该属性的应用在开发中得到越来越广泛的应用，我们应该重视学习和掌握它。

示例代码

class Person {
  get [Symbol.toStringTag] () {
    return 'Person';
  }
}

const person = new Person()
console.log(Object.prototype.toString.call(person)) // "[object Person]"

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/66fceb78447136260174a020