目录

1、存储位置的区别

2、变量赋值时的区别

① 基本数据类型

② 引用数据类型

3、小结

① 声明变量时不同的内存地址分配

② 不同的类型数据导致赋值变量时的不同

---

1、存储位置的区别

基本数据类型和引用数据类型存储在内存中的位置不同：

① 基本数据类型存储在栈中        ② 引用类型的对象存储于堆中

2、变量赋值时的区别

当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是引用类型值。

① 基本数据类型

基本类型数据是存放在栈中

let a = 10;
let b = a; // 赋值操作
b = 20;
console.log(a); // 10值

a的值为一个基本类型，是存储在栈中，将a的值赋给b，虽然两个变量的值相等，但是两个变量保存了两个不同的内存地址。

下图演示了基本类型赋值的过程：

② 引用数据类型

引用类型数据存放在堆中，每个堆内存对象都有对应的引用地址指向它，引用地址存放在栈中。

由于这种值的大小不固定，因此不能把它们保存到栈内存中。但内存地址大小的固定的，因此可以将内存地址保存在栈内存中。

当查询引用类型的变量时， 先从栈中读取内存地址， 然后再通过地址找到堆中的值。

var obj1 = {}
var obj2 = obj1;
obj2.name = "小草莓";
console.log(obj1.name); // 小草莓

obj1是一个引用类型，在赋值操作过程中，实际是将堆内存对象在栈内存的引用地址复制了一份给了obj2，实际上他们共同指向了同一个堆内存对象，所以更改obj2会对obj1产生影响。

下图演示这个引用类型赋值过程：

3、小结

① 声明变量时不同的内存地址分配

简单数据类型存储在栈中，在栈中存放的是对应的值，是按值来访问的；

引用数据类型对应的值存储在堆中，在栈中存放的是指向堆内存的地址，是按引用访问；

② 不同的类型数据导致赋值变量时的不同

简单类型赋值，是生成相同的值，两个变量对应不同的地址；

复杂类型赋值，是将保存对象的内存地址赋值给另一个变量。也就是两个变量指向堆内存中同一个对象；当其中一个对象改变时，另一个对象也会变化。