微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – Object.create改变Chrome中proto对象的控制台输出?

今天我玩的时候,我注意到Chrome控制台中的一些对象被显示为Object而不是构造函数名.

这很奇怪,所以我把它归结为以下代码

function Baz() {
    this.baz = true;
}
var b = new Baz();
var c = Object.create(b);
console.log(b); // why is b outputting with Object not Baz?

在上面的代码b中,不是通过Object.create创建的,但是在记录时它表示Object.我没有错字,错误地询问c.当我甚至没有碰到那个物体时,b的记录已被改变.创建另一个实例c,不应该改变b.

这必须是Chrome错误吗?反正有没有让Chrome在这里正确报告Baz?

这对于调试目的很重要.

更新错误提交:https://code.google.com/p/chromium/issues/detail?id=478522

解决方法

更新:这确实是Chrome 41和Chrome 42之间的回归.它在这里被跟踪: http://crbug.com/478522

Chrome 41的输出

Chrome 42的输出

当你输入开发工具时,他们已经对语法高亮进行了改进,这可能会破坏.我找到了一位深入参与开发工具的朋友.很好找.

不.你描述的问题非常真实.

使用构造函数创建的对象在记录它们时将显示名称,并且通常在Chrome(以及node / io.js)中具有更好的调试体验.

出于这个原因 – 我在自己的代码中避免使用Object.create进行原型继承,尽管我在概念上更喜欢它.

我想你明白这一点 – 但我仍然想为未来的读者澄清一下.请注意,继承仍然发生在Object.create版本中 – 唯一的区别在于如何在调试器中记录和处理对象.

原文地址:https://www.jb51.cc/js/157037.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐