大家好，今天咱们聊聊Chrome DevTools里的Heap Snapshots，这玩意儿能帮你揪出JavaScript里那些偷偷摸摸搞事情的内存泄漏，让你的代码不再像漏水的马桶一样，哗哗往外流内存。 什么是内存泄漏？ 先来个小科普，什么是内存泄漏？简单来说，就是你的代码申请了一些内存，用完了却忘了还给系统，这部分内存就成了“僵尸内存”，一直占用着，别的程序也没法用。时间一长，你的程序就会越来越慢，最后崩溃给你看。就像你租了个房子，住完就跑路了，房东想租给别人，发现房子还被你占着，只能干瞪眼。 在JavaScript里，由于有垃圾回收机制（Garbage Collection, GC），理论上应该很少出现内存泄漏。但实际上，只要你稍不留神，就会掉进内存泄漏的坑里。 Heap Snapshots 是什么？ Heap Snapshots 简单来说，就是给你的 JavaScript 堆内存拍了个照片。这个照片里记录了所有对象的信息，包括对象的大小、类型、引用关系等等。通过对比不同时间点的 Heap Snapshots，你就能找到那些一直在增长的对象，这些对象很可能就是内存泄漏的罪魁祸首。 …
继续阅读“JS `Chrome DevTools` `Memory` 面板：`Heap Snapshots` 内存泄漏定位”