JS ES6 类 ToString() 方法即使在 Babel 或 Chrome 中也不起作用

Question

对于我下面的代码，我想设置一个默认的 toString() 方法，它会覆盖该类的内置 toString()。但它不起作用，我得到输出“Queue { data: [] }”而不是预期的“Hello This is example”。我查看了一些已经讨论过的关于 SO 的类似问题，但没有帮助。我也尝试过最新版本的 Chrome 并且行为是相同的。我有带有 Babel 6 的 Node 10.13 (babel-node --presets env,stage-2 queue.js)。在这里寻找一些专家意见。

class Queue {
  constructor() {
    this.data = [];
  }
  toString() {
    console.log("Hello This is example");
  }
}

const queue1 = new Queue();
console.log(queue1);

Answer 1

您必须显式或隐式触发.toString() 的调用

console.log(queue1.toString());
console.log(queue1 + "");
console.log([queue1, queue2].join());

而.toString() 必须返回字符串表示：

toString() { return "..." }

class Queue {
  constructor() {
    this.data = [];
  }
  toString() {
    return "Hello This is example"; // toString has to return the string representation
  }
}

const queue1 = new Queue();
console.log(queue1 + "");

const queue2 = new Queue();
console.log([queue1, queue2].join());

Answer 2

对于我下面的代码，我想设置一个默认的 toString() 方法 覆盖该类的内置 toString()。但它不工作 我得到输出“队列{数据：[]}”而不是预期的“你好 这是示例”。

class Queue {
  constructor() {
    this.data = [];
  }
  toString() {
    console.log("Hello This is example");
  }
}

const queue1 = new Queue();
console.log(queue1);

在上面的代码中，toString 方法不会覆盖类的toString 方法。为什么？因为类的toString返回一个字符串。

在您的代码中，console.log("Hello This is example"); 不返回任何值。这就是您获得输出的原因：Queue { data: [] }。这是默认输出。如果您从 Queue 类中删除 toString 方法，则语句 console.log(queue1); 仍将打印：Queue { data: [] }。

要将Queue 类对象表示为字符串值，您需要编写如下代码：

toString() {
    return "Hello this is an example";
}

要在您的应用程序中使用toString，您可以尝试下面任何#2 或#3 行的代码，它会打印：“Hello this is an example”。

const queue1 = new Queue();
console.log(queue1); // #2
console.log(queue1.toString()); // #3

另请参阅link 和 Object.prototype.toString()。