我先从代码开始:var s = [\'hi\'];console.log(s);s[0] = \'bye\';console.log(s);很简单,对吧?响应此代码,Firefox 控制台显示:[ \'hi\' ][ “...
我将从代码开始:
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 控制台在评估我的数组时特别懒惰?
感谢评论,tec。我找到了一个现有的未经证实的 Webkit 错误来解释这个问题: https://bugs.webkit.org/show_bug.cgi?id=35801 ?id=35801(编辑:现已修复!)
关于这个错误有多严重以及是否可以修复,似乎存在一些争议。在我看来,这确实是一种不好的行为。这对我来说尤其令人不安,因为至少在 Chrome 中,当代码驻留在立即执行的脚本中时(在页面加载之前),即使控制台已打开,只要页面刷新,就会发生这种情况。在控制台尚未激活时调用 console.log 只会导致对排队对象的引用,而不是控制台将包含的输出。因此,在控制台准备就绪之前,不会对数组(或任何对象)进行评估。这确实是一种惰性评估的情况。
但是,有一个简单的方法可以在代码中避免这种情况:
var s = ["hi"];
console.log(s.toString());
s[0] = "bye";
console.log(s.toString());
通过调用 toString,您可以在内存中创建一个表示形式,该表示形式不会被以下语句改变,控制台将在准备就绪时读取该表示形式。控制台输出与直接传递对象略有不同,但似乎是可以接受的:
hi
bye