之前我们在学习JS的数据类型的时候就已经知道了JavaScript中的变量是分成两种的,一种是基本数据类型,一种是引用数据类型;而在内存空间中,有两块地方用来存储这些变量,栈内存和堆内存。
基本数据类型
像数字,布尔,字符串等都是存放在栈内存中的,它们的值是固定大小的,通过按值访问,来看一下基本数据类型在内存中的表示:
说到数据,还有一个就是复制值,当我们用另一个变量去复制当前声明的变量时,会发生什么情况呢?
看到了吧,基本数据类型复制之后做修改是不会影响到原数据的,这是因为在栈中的数据发生复制行为时,系统会给新的变量分配一个新的值,栈中的数据都是相互独立的,互相不影响。
引用数据类型
引用数据类型通常是保存在堆内存中,它们的值大小不是固定的,引用类型有一个指向堆内存中对象的指针(访问地址,也称引用),这个指针是存在栈里面的,在JavaScript中是不允许直接访问堆中存储的对象的,所以当你在操作对象的时候,实际是操作对象的指针,来看看引用类型在内存中的表示:
当我们使用引用数据进行复制的时候,再改变引用数据的值,我们看看会发生什么呢?
我们可以看到,新复制的变量的修改会导致原数据的值也发生改变,这是因为我即使是在栈中为新变量分配了一个值,但是这个值在堆内存中的指向还是和原数据的指向是同一个,所以当你操作数据改变堆中变量的时候,原数据指向的值也就改变了。