javascript - 如何通过 devtools（chrome、Edge 等）查看 JavaScript 使用的内存中的哪些变量？

Question

这可能吗？我只想查看x变量是否在内存中（我不想查看总内存使用量等），例如，我希望在按下按钮时初始化一个布尔变量，然后再设置它变量，显然内存中没有任何内容，但是按下按钮后，它现在应该在内存中（并且反向执行相同操作），我如何在开发工具中查看该变量是否实际上在内存中？

我在 YouTube 上看过做同样练习的视频，只需将变量的名称放在内存选项卡的搜索过滤器中（拍摄快照后），它是否在内存中都会出现，但是当我这样做时变量在我看来没有。

let myBoolean; // this can be a number, string, array, etc.

document.getElementById('add').addEventListener('click', () => {
    myBoolean = true;
});

document.getElementById('remove').addEventListener('click', () => {
    myBoolean = null;
});

标签： javascriptmemorymemory-managementgoogle-chrome-devtoolsdevtools

Answer 1

是的。首先，您需要在浏览器中运行代码并创建一些对象。之后您将能够在内存快照中找到它。