为什么 Chrome 的 JavaScript 控制台显示的对象值与 Firefox 不一致？

Chrome 的 JavaScript 控制台：惰性对象求值之谜

在调试工具领域，JavaScript 控制台是一项无价的资产。然而，用户在记录对象时遇到了 Chrome 和 Firefox 之间的不一致问题。

问题

考虑以下代码：

var s = ["hi"];
console.log(s);
s[0] = "bye";
console.log(s);

在 Firefox 中，控制台准确地将数组记录为：

[ "hi" ]
[ "bye" ]

但是，Chrome 的 JavaScript控制台（版本 7.0.517.41 beta）莫名其妙地将这两个语句记录为：

[ "bye" ]
[ "bye" ]

Bug 还是惰性评估？

问题出现了，这是一个 bug 还是一个错误？ Chrome 控制台的特殊性？

调查Bug

经过搜索，发现了一个现有的未经确认的 Webkit Bug (https://bugs.webkit.org/show_bug.cgi?id=35801)，它解释了这个确切的问题。

讨论严重性

错误的严重性取决于 辩论。一些人认为它构成了一个真正的错误，而另一些人则认为它在可容忍的范围内。

避免这个问题

尽管存在争议，但有一个简单的解决方案在代码中避免这种行为：

var s = ["hi"];
console.log(s.toString());
s[0] = "bye";
console.log(s.toString());

通过将对象转换为字符串表示形式（通过 toString），您可以有效地创建不受后续修改影响的静态图像。然后控制台将输出此快照：

hi
bye

以上是为什么 Chrome 的 JavaScript 控制台显示的对象值与 Firefox 不一致？的详细内容。更多信息请关注PHP中文网其他相关文章！