JavaScript高级学习：面对对象——JS的垃圾回收机制

提示：
本文为JavaScript栏目：JavaScript高级系列——面对对象章节

---

# 前言

本文讲解JS的垃圾回收机制。

---

提示：以下是本篇文章正文内容，下面案例可供参考

JS的垃圾回收机制

• 什么是JS中的垃圾？—声明使用过，后续不在使用的变量、声明后没有使用过。

• JS中如何处理垃圾？

  自动处理：声明在函数内的变量，在函数直接完毕自动销毁。

  手动处理：变量赋值为null，或者对象属性使用delete关键字。

举例

function fn() {
    let x=10;
    
    let y=20;
    z=30;   //z为全局变量，函数执行完毕也不会清空，谨慎使用。
    console.log(x);
}
fn();

声明后在代码执行完毕都没有被使用，属于垃圾数据。

但是y变量是声明在函数体内的，函数未执行时，该代码无意义，不会占据空间。

函数执行过程中，会造成资源浪费。但是函数执行完毕，函数体内参数都会自动清除。

console.log(x); //报错，x is not defined
console.log(z); //全局变量，即使在函数执行完毕，该变量依然可用。

释放z的内存空间

z=null; //主动赋值为null即可清空变量，释放内存空间。
console.log(z);

双引用

双引用—针对对象类型的概念

let obj={name:"张三"};    //对象类型会在内存中开辟空间，然后把内存地址指向obj对象
let zs=obj;             //obj对象赋值给zs对象，实际上只是把obj的内存地址告诉了zs，但是想要释放内存，必须把obj和zs都设置为null才可以完全释放。

obj=null;
zs=null;

S和DOM相互依赖时的垃圾清除

document.getElementById("d").οnclick=function () {
    console.log("ddddd");
}
/*从页面中根据ID获取这个标签的DOM对象*/
let d=document.getElementById("d");
d.remove();//从页面中删除标签
console.log(d.onclick);//这里onclick属性依然可以正常输出
d=null;//JS中清除标签的同时把他的DOM对象一起清掉才能彻底清除。