我对实现什么感到困惑,首先,我的模块将使用Babel,因此实现ES6功能没有问题,其次,我将使用类构造来创建类而不是旧的原型方法.所以现在,我很困惑,如果我要覆盖toString(这是旧的方式)或只是实现Symbol.toStringTag,就像这个MDN文档说的那样,https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol/toStringTag
那么推荐的方式是什么？
那么推荐的方式是什么？
解决方法
他们完全是为了不同的事情.
如果您尝试定义对象的字符串版本,请提供toString方法.
如果您尝试向类添加Object.prototype.toString将用于构建其“[object XYZ]”字符串的信息,请提供一个名称为Symbol.toStringTag值的方法.
以下是差异的说明：
class Example {
constructor(x) {
this.x = x;
}
toString() {
return `Example[x=${this.x}]`;
}
get [Symbol.toStringTag]() {
return "Example";
}
}
const e = new Example(42);
console.log(e.toString()); // Example[x=42]
console.log(String(e)); // Example[x=42]
console.log(Object.prototype.toString.call(e)); // [object Example]
如果我们没有提供get [Symbol.toStringTag],那最后一行将输出“[object Object]”而不是“[object Example]”.
请注意,它不必是getter,而是可以是数据属性.由于您使用的是Babel,如果您包含Public Class Fields支持(目前为第2阶段),则可以将其定义为：
class Example {
constructor(x) {
this.x = x;
}
toString() {
return `Example[x=${this.x}]`;
}
[Symbol.toStringTag] = "Example";
}
……虽然它当然是可写的.交替：
class Example {
constructor(x) {
this.x = x;
}
toString() {
return `Example[x=${this.x}]`;
}
}
Object.defineProperty(Example.prototype,Symbol.toStringTag,{
value: "Example"
});
