每日前端基础——JS的变量在内存中的哪里？

之前我们在学习JS的数据类型的时候就已经知道了JavaScript中的变量是分成两种的，一种是基本数据类型，一种是引用数据类型；而在内存空间中，有两块地方用来存储这些变量，栈内存和堆内存。

基本数据类型

像数字，布尔，字符串等都是存放在栈内存中的，它们的值是固定大小的，通过按值访问，来看一下基本数据类型在内存中的表示：

基本数据类型

说到数据，还有一个就是复制值，当我们用另一个变量去复制当前声明的变量时，会发生什么情况呢？

3.png

看到了吧，基本数据类型复制之后做修改是不会影响到原数据的，这是因为在栈中的数据发生复制行为时，系统会给新的变量分配一个新的值，栈中的数据都是相互独立的，互相不影响。

引用数据类型

引用数据类型通常是保存在堆内存中，它们的值大小不是固定的，引用类型有一个指向堆内存中对象的指针（访问地址，也称引用），这个指针是存在栈里面的，在JavaScript中是不允许直接访问堆中存储的对象的，所以当你在操作对象的时候，实际是操作对象的指针，来看看引用类型在内存中的表示：

引用数据类型

当我们使用引用数据进行复制的时候，再改变引用数据的值，我们看看会发生什么呢？

4.png

我们可以看到，新复制的变量的修改会导致原数据的值也发生改变，这是因为我即使是在栈中为新变量分配了一个值，但是这个值在堆内存中的指向还是和原数据的指向是同一个，所以当你操作数据改变堆中变量的时候，原数据指向的值也就改变了。