Chrome的JavaScript控制台是否懒于评估对象？ [英] Is Chrome’s JavaScript console lazy about evaluating objects?

问题描述

我将从代码开始：

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

很简单，对吗？对此，Firefox控制台显示：

[ "hi" ]
[ "bye" ]

太棒了，但是Chrome的JavaScript控制台(7.0.517.41测试版)显示：

[ "bye" ]
[ "bye" ]

是我做错了什么，还是Chrome的JavaScript控制台在评估我的数组时异常懒惰？

推荐答案

谢谢您的评论，tec。我找到了一个解释此问题的现有未经确认的Webkit错误：https://bugs.webkit.org/show_bug.cgi?id=35801(编辑：现在已修复！)

关于它到底有多大缺陷，以及它是否可以修复，似乎存在一些争论。在我看来，这确实是一种不好的行为。这对我来说特别麻烦，因为至少在Chrome中，当代码驻留在立即执行的脚本中时(在页面加载之前)，甚至在控制台打开时，每当页面刷新时，都会发生这种情况。在控制台尚未处于活动状态时调用console.log只会导致对正在排队的对象的引用，而不会导致控制台将包含的输出。因此，在控制台准备好之前，不会计算数组(或任何对象)。这真是一个懒惰的评估案例。

但是，有一种简单的方法可以在代码中避免这种情况：

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

通过调用toString，您可以在内存中创建一个不会被以下语句更改的表示形式，控制台将在准备好时读取这些语句。控制台输出与直接传递对象略有不同，但似乎可以接受：

hi
bye

这篇关于Chrome的JavaScript控制台是否懒于评估对象？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！