Javascript console.log 不显示派生类名称 - 继承 - 类

Question

我在玩 ECMAScript6 类。

我还是不明白为什么下面的代码：

"use strict";

class A {}
class B extends A {}

let b = new B();
console.log(b);

显示：

一个 { }

而不是：

B { }

现场示例：

(function () {
    "use strict";

    class A {}
    class B extends A {
        foo() {
        }
    }

    let b = new B();
    console.log(b);
})();

Open the console. Works only on very up-to-date browsers (such as Chrome 43+).

---

如何在 console.log 上获得预期的逻辑输出 B { }？

我是否需要将我的班级名称指定为 "B" ？有没有这样的选项可以传递，或者属性或函数要定义？

---

T.J. Crowder 明白了：这是 Chrome 上的一个引用错误。

大家，你可以给这个错误加星标以增加它的优先级吗？

https://code.google.com/p/chromium/issues/detail?id=510688

Answer 1

您还没有说您使用的是什么浏览器，但我认为它必须是 Chrome，因为您显示的输出样式和它完全可以运行。 （如果我在 IE11 中运行它，我会得到 [object Object] {}。如果我在 Firefox 中运行它，我会得到一个错误——因为 Firefox doesn't support class yet。）

除了 Chrome 中的错误之外，我想不出任何原因。对 class 的支持对于 Chrome 来说是非常的新功能，很可能是开发工具还没有完全正确地处理它。 我在快速搜索中没有找到关于http://crbug.com 的错误报告，您可能需要提交一份。 但是you did find it。

它确实应该在您的代码中显示B，而不是A。它确实使用了等效的老式方法：

(function() {
  "use strict";

  function A() {}

  function B() {
    A.call(this);
  }
  B.prototype = Object.create(A.prototype);
  B.prototype.constructor = B;

  var b = new B();
  console.log(b);
})();

Open the console.