如何跟踪在Javascript中创建的数组？

Question

我希望能够跟踪某个程序使用了多少个数组，以便我可以判断是否已经分配了不必要的内存。我遇到的问题是Javascript构造的数组文字{ {1}}不会触发[]。还有另一种方法让我跟踪阵列的使用情况吗？ ES5和/或ES6及以后。

Array#constructor

Answer 1

几乎每个网络浏览器都有一个javascript探查器。分析器的目的是跟踪内存使用情况，帧渲染速度，CPU使用率等。

• 打开Chrome开发者工具（ F12 ）
• 点击“时间轴”标签
• 确保在名为“Capture”的栏中选中“记忆”
• 按左上角的录制按钮
• 刷新页面
• 页面加载后停止录制
• 查看“JS Heap”图表，了解内存的细分

例如，在记录Stack Overflow的Top Questions页面的加载时，Chrome的内存分析器看起来像这样。