javascript - Chrome 的 JavaScript 控制台在评估对象方面是否懒惰？

Question

我将从代码开始:

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

很简单，对吧？对此，Firefox 控制台表示:

[ "hi" ]
[ "bye" ]

太棒了，但是 Chrome 的 JavaScript 控制台(7.0.517.41 beta)说:

[ "bye" ]
[ "bye" ]

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

Answer 1

感谢您的评论，技术人员。我找到了一个现有的未经确认的 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