Saber 酱的抱枕

如果我们要删除一个DOM节点，可能大家都会想到remove方法。如下：

var a=document.createElement("a");
// 设置内容等代码 ...
a.parentNode.removeChild(a);

Node.removeChild() 方法从DOM中删除一个子节点。返回删除的节点。

从返回值是个节点我们可以知道，removeChild之后，这个节点虽然在DOM里去掉了，但是它仍然存在在内存里。

虽说过一段时间不用，它就会被浏览器回收掉，但如果要重复的创建这个节点的话，那么每次removeChild时使用delete操作符，可以略微优化内存占用（大概……）。

如下：

var a=document.createElement("a");
// 设置内容等代码 ...
delete a.parentNode.removeChild(a);

今天我在chrome上做了多次实验，有一些发现：

1.使用delete之后，chrome浏览器并不会立即回收这部分内存，而是等差不多二十秒之后才回收。

2.使用delete之后，内存回收的比只remove要多一些。

3.即使使用delete，内存也不能完全回收，内存占用还是会一直增加。只是情况略有缓解。

4.有人说delete回收内存只能回收由JavaScript创建的节点，如果是原本html文档里的节点，delete是回收不了的。我试了试，对于原本html文档里的节点，用delete和只用remove没看出明显区别，大概这个说法是对的。

JavaScript回收DOM节点的内存