NodeJs - Chrome内存分析工具使用

一. 前期准备
二. Chrome 内存分析工具使用
- 2.1 查看快照
- 2.2 使用案例

一. 前期准备

我们下载好相关依赖：

npm i v8-profiler-next

测试代码：

const v8Profiler = require('v8-profiler-next')
const fs = require('fs')function createArray () {const arr = [];for (let i = 0; i < 100000; i++) {arr.push({ index: i, value: `value-${i}` });}return arr;
}
let leakArr = [];function run () {createArray();createArray();createArray();console.log('Arrays created');setInterval(() => {console.log('Interval');// 模拟内存泄漏，将一个对象添加到数组中for (let i = 0; i < 100000; i++) {leakArr.push({ index: i, value: `value-${i}` });}}, 1000);
}run();const snapshot = v8Profiler.takeSnapshot();
snapshot.export((err, result) => {fs.promises.writeFile(`${Date.now()}.heapsnapshot`, result);snapshot.delete()
})setInterval(() => {const snapshot = v8Profiler.takeSnapshot();snapshot.export((err, result) => {fs.promises.writeFile(`${Date.now()}.heapsnapshot`, result);snapshot.delete()})
}, 10000);

运行之后，当前目录会生成下面多个snapshot文件（运行时间久一点，15秒左右就可以）：
在这里插入图片描述

二. Chrome 内存分析工具使用

Chrome内存分析工具中，对于视图的查看分为4种：
在这里插入图片描述

2.1 查看快照

快照的查看种类还有：

Summary 视图：会显示按构造函数名称分组的对象。使用它可以根据按构造函数名称分组的类型找出对象（及其内存用量）。它对于跟踪 DOM 泄露特别有用。
比较视图（重点）：会显示两个快照之间的差异。可使用它来比较操作前后的两个（或更多）内存快照。通过检查已释放内存中的增量和引用计数，您可以确认是否存在内存泄漏及其原因。
包含视图：允许探索堆内容。它可让您更好地查看对象结构，有助于分析全局命名空间 (window) 中引用的对象，从而找出导致其存在的原因。您可以使用它分析闭包并在较低级别深入了解您的对象。
支配项视图：会显示支配项树，可用于查找累积点。此视图有助于确认是否有对对象的意外引用仍然保留，以及删除/垃圾回收是否确实在正常运行。