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 测试版)说:

[ "bye" ]
[ "bye" ]

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

Answer 1

感谢您的评论，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