目录

 

JS的内存概述

栈内存

堆内存

变量的复制

函数参数的传递其实是一种变量复制

内存管理

---

JS的内存概述

javascript的内存分为栈内存，堆内存，常量池，常量池一般都归结在栈中

1. 栈内存：用来存储基本数据类型
2. 常量池：用来存放常量 基本数据类型（一般把它归类到栈内存中）
3. 堆内存：用来存储复杂数据类型

当变量存储的基本数据类型时，该变量的值则存储在栈内存中

当变量存储的是复杂数据类型时，该变量值则是一个js分配的内存地址，该地址指向了在堆内存中的复杂数据类型

栈内存

由于基本数类型占用空间少，大小固定，且被频繁使用，因此保存在栈内存中

以基本数据类型之一的数值型（Number）为例：

当我们声明一个基本数据类型变量时，会在栈内存中存储变量名和具体值

 

 

当我们使用console.log(a) 时，我们输出的是对应的值

堆内存

由于复杂数据类型占用空间大，大小不固定，存栈中影响性能，所以存放在堆内存中

 

 

 

当我们声明变量来存储一个复杂数据类型时，会在栈内存中生成一个变量名和一个具体值，而这个具体值是JS分配的一个内存引用地址，这个地址指向了存放在堆内存中，我们所创建的复杂数据类型。当我们调用该变量时，解析器会根据变量对应的引用地址，引用对应的对象。

变量的复制

基本数据类型的复制：

1. var num1=5;
2. var num2=num1;

上述代码中，num1和num2其实是两个不同的变量，它们之间的操作互不相关，这是因为在js中，这种变量复制其实是生成一个a变量的副本（即num2=1）

如图

 

复杂数据类型的复制：

1. var person={name:'李华'}; //创建一个对象
2. var per=person ; //进行对象的复制

与基本数据类型变量的复制不同的是，当我们复制复杂数据类型对象时，其本质是复制该变量的内存引用地址，因此person和per引用地址是相同的，它们都引用了同一个对象，无论是操作person还是per，都是在操作内存中的同一个对象

如图：

 

函数参数的传递其实是一种变量复制

1. var x=1;
2. function fun (x){
3.     var y=x+1;
4.     
5. }

 

内存管理

什么是内存泄漏：

当我们创建一个变量并赋值时，内存空间就会给这个变量分配一定的内存空间，因此在程序运行过程中，如果JS确定该变量不会再使用时，js垃圾回收机制会帮我们将这个变量在内存中释放掉（即删除），当我们没有及时释放内存时，内存的占用就会堆加，将会影响性能，若堆加到极限，将会使系统崩溃，我们把内存没有及时释放的情况称为内存泄漏。

垃圾收集机制：

在javascript中，为我们提供了自动垃圾收集机制，垃圾回收检索是间歇性的，每隔一段时间进行一次，也因此，每隔一段时间进行垃圾回收。

垃圾回收机制的工作过程：

判断内存是否不再被使用（有两种算法）

引用计数法：即检索是否有变量指针或引用地址指向该对象

标记清楚法：该方法与引用计数法相反，是从内存中的对象向上检索是否有指向该对象的指针或引用地址。如果没有，则被标记一个清除符号，等待清除

内存泄漏的应对方法：

除了js自己回收之外，我们也可以手动释放内存

解除引用：通过把变量值设置为null，来达到解除引用，释放内存的目的

delete： 通过delete 对象属性（仅对对象属性有作用）