javascript - 如何跟踪在 Javascript 中创建了多少个数组？

Question

我希望能够跟踪某个程序使用了多少数组，这样我就可以弄清楚是否分配了不必要的内存。我遇到的问题是 Javascript 的构造，即数组文字 [] 不会触发 Array#constructor。我还有其他方法可以跟踪数组的使用情况吗？ ES5 和/或 ES6 及更高版本。

var arrayConstructor = Array // store reference
window.arrCount = 0
window.Array = function() {
  arrCount++;
  return new Array();
}

var arr1 = new Array
window.arrCount // 1

var arr2 = []
window.arrCount // 1 : NOT WORKING!

Answer 1

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

• 打开 Chrome 开发者工具 (F12)
• 点击“时间线”标签
• 确保在名为“Capture”的栏中选中“Memory”
• 按左上角的录音按钮
• 刷新页面
• 页面加载后停止录制
• 查看“JS 堆”图表，详细了解您的内存去向

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