Question

我写了一段这样的代码：

＆＃13;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        var arr = [1, 45, 37, 5, 48, 15, 37, 26, 29, 2, 46, 4, 17, 50, 52];
        console.log(arr);
    </script>
</head>
<body>

</body>
</html>

＆＃13;

然后我发现了一个奇怪的事情，如果我在浏览器中打开这个文件然后F12来调用控制台，则数组会被简化。如果刷新此页面，控制台将显示此数组的详细信息。

如果我输入带有devtool的url，它也会显示详细信息。

为什么？

Answer 1

这只是出于性能原因而完成的。如果控制台关闭，没有任何意义显示整个阵列（这将需要chrome来读取数组并输出它）。

如果chrome devtools打开，性能不再是问题，因为你实际上在看控制台（99％的用户不会这样做）。

为什么Chrome控制台会以不同的方式显示阵列？

1 个答案: