javascript - 保持对 dom 节点 : memory concerns 的引用

Question

我正在构建一个在线文本编辑器类型的应用程序(具有更多功能)。

应用程序需要在 dom 中查找大量 dom 节点(用于 para 更新等)并更新节点。用户可能会在每个节点上做很多操作，所以我想永久保留对节点的引用而不是 getElementById 等。

我在想，随着 dom 节点数量的增加，我的脚本中的引用也会增加。

1. 这样做对内存有什么影响？

2. 更准确地说是保存在内存中的引用，它们是简单引用吗还是带上一些重元数据？

谢谢。

有不明白的地方欢迎提问。

Answer 1

好的，为了让事情变得清晰和具体，这就是我所做的。我通过控制台向繁重的 stackoverflow 页面添加了一个按钮。

我的 btn = document.createElement('按钮');

然后在每次单击按钮时我都添加了对 document.body 的引用，如下所示:

mybtn.onclick = function(){ myar=[]; for(var i=0;i<10000;i++){ myar[i]=document.body;}}

我进行了多次点击，发现每创建 10000 个引用，内存就会增加大约 0.5 MB。

然后我用空对象 {} 替换了 document.body。

内存增加大约是每 10000 次引用 0.5 MB。

因此我们可以有把握地得出结论，对dom节点的引用仍然是简单的引用，除非创建过多，否则不会影响内存。

PS:我用 chrome 内存时间线做了内存分析。