Google Chrome console.log()与对象和数组不一致

Google Chrome console.log()与对象和数组不一致

今天我正在帮助同事调试一些代码,我注意到console.log()谷歌Chrome中有一个奇怪的行为:

如果您:

  1. 创建一个嵌套数组(例如,[[345,“test”]])

  2. 使用将数组记录到控制台console.log()

  3. 修改其中一个内部数组值,然后console.log()输出后面的值 - 而不是console.log()执行时数组的值。

JavaScript

var test = [[2345235345,"test"]]console.log(test);test[0][0] = 1111111;// outputs: [[1111111,"test"]]var testb = {};testb.test = "test";console.log(testb);testb.test = "sdfgsdfg";// outputs: {"testb":"test"}var testc = ["test","test2"];console.log(testc);testc[0] = "sdxfsdf";// outputs: ["test","test2"]

JSFiddle示例

在Firefox中不会发生此行为。

另外需要注意的是,如果我在Chrome调试器中逐行浏览他的代码,那么console.log()会输出正确的值。

这个奇怪的现象是否有解释,还是仅仅是Google Chrome的错误?

编辑:

我已经缩小了重现不一致console.log()行为的步骤:

如果您将此脚本添加到您的页面:

var greetings=['hi','bye'];console.log(greetings);setTimeout(function(){
    greetings.push('goodbye');},3000);

并在Chrome 控制台窗口已打开的情况下在新窗口中打开它,然后console.log()输出将与在控制台窗口关闭时加载页面的输出不同。这是一个证明这一点的JSFiddle

在第一种情况下,控制台窗口已经打开,console.log()将输出数组的当前值(即两个项目)。

在第二种情况下,控制台窗口最初关闭并仅页面加载打开,console.log()将输出数组的后续值(即三个项目)。

这是Google Chrome的console.log()功能中的错误吗?


潇湘沐
浏览 639回答 2
2回答

慕标琳琳

我找到了这个bug /功能的解决方法。console.log(JSON.parse(JSON.stringify(myObject)));编辑:不幸的是,这对于像函数这样的非原始值不起作用。在此使用其他克隆实用程序jQuery示例:console.log($.extend({}, myObject));
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript