HTML 元素保存在某个闭包的作用域中，就相当于宣布该元素不能被销毁。

需要优化的代码

function assignHandler() { 
 let element = document.getElementById('someElement'); 
 element.onclick = () => console.log(element.id); 
}

以上代码创建了一个闭包，即 element 元素的事件处理程序 。 而这个处理程序又创建了一个循环引用。匿名函数引用着 assignHandler() 的活动对象，阻止了对 element 的引用计数归零。只要这个匿名函数存在， element 的引用计数就至少等于 1 。也就是说， 内存不会被回收。

 

优化后的代码

 

function assignHandler() { 
 let element = document.getElementById('someElement'); 
 let id = element.id; 
 element.onclick = () => console.log(id);
 element = null; 
}

在这个修改后的版本中，闭包改为引用一个保存着 element.id 的变量 id ，从而消除了循环引用。 不过，光有这一步还不足以解决内存问题。因为闭包还是会引用包含函数的活动对象，而其中包含 element。即使闭包没有直接引用 element ，包含函数的活动对象上还是保存着对它的引用。因此，必 须再把 element 设置为 null 。这样就解除了对这个 COM 对象的引用，其引用计数也会减少，从而确 保其内存可以在适当的时候被回收。