Chrome的JavaScript控制台是否懒于评估对象?

我将从代码开始:

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

相关文章