基本数据类型与引用数据类型的区别

JavaScript中的数据类型包括基本数据类型和引用数据类型两大类。

一、基本数据类型包括：

数值(number)、字符串(string)、布尔(boolean)、空(null)、未定义(undefined)等。

let a = 123
let b = a
a++
console.log('a',a);//a=123 若a++，则a=124
console.log('b',b);//b=123 
原本a和b的值都为123，a++后，a的值从123，变成124，b没有变化

 总结：基本数据类型是直接存储在栈中的，值与值之间是独立存在，修改一个变量不会影响其他的变量

二、引用数据类型包括：

对象(object)、数组(array)、函数(function)、日期(date)等。

以对象举例👇

场景1：obj和obj2指向同一个内存地址(0x123)，所以两者的值打印一样

let obj = {};
obj.name = 'zs';
let obj2 = obj;
obj.name = 'ls';
console.log(obj.name);//ls
console.log(obj2.name);//ls

场景2：原本obj和obj2都指向的同一个内存地址(0x123),当给obj2赋值为null时，obj2便断开了与内存地址的连接，所以2个值发生了变化

let obj = {};
obj.name = "zs";
let obj2 = obj;
obj.name = "ls"
obj2 = null;
console.log(obj);//name:ls
console.log(obj2);//null

场景3：obj3和obj4虽然两者的值是一样的，但指向的是不同的内存地址，所有两者不相等

let obj3 = {};
let obj4 = {};
obj3.name = 'zl';
obj4.name = 'zl';
console.log(obj3);//zl
console.log(obj4);//zl
console.log(obj3 == obj4);//false

总结：引用数据类型是存储在堆中的，每创建一个新的对象，就会在堆内存中开辟出一个新的空间，指向实际数据所在的内存地址（对象的引用），因此无法直接访问，只能通过引用来间接访问。

如果两个变量保存的是同一个对象引用，当一个通过一个变量修改属性时，另一个也会受到影响

三、基本数据类型与引用数据类型的区别：

1、存储位置：基本数据类型的值是直接存储在栈内存中，而引用类型的值存储在堆内存中。

2、复制方式：基本数据类型赋值时，是将变量的值复制一份给新的变量，互不影响；引用数据类型赋值时，是将变量的地址（指针）复制一份给新的变量，因此两个变量指向同一块堆内存空间。

3、内存管理方式：基本数据类型在栈内存中自动管理，不需要开发人员手动回收；而引用数据类型需要开发人员手动进行内存管理，包括创建、使用、销毁等。

四、栈和堆的理解

栈区：由系统自动分配，存储函数的参数值、局部变量等，栈的插入和删除操作都在栈顶进行，因此也被称为“先进后出”（LIFO）的数据结构。

堆区：是动态分配的内存空间，用于存储程序运行期间需要动态管理的对象。

栈区和堆区的区别

1、内存分配方式不同：栈区由系统自动分配，堆区手动进行分配

2、内存空间大小限制不同：栈区空间小，大小固定；堆区空间大，大小不固定

3、内存空间分配效率不同：栈区由系统自动分配和回收，效率较高；堆区由开发者手动分配和回收，效率相对较低。

4、内存空间的分配方式不同：栈区是一种后进先出的数据结构，堆区则是通过链表来管理空闲的内存块。