看以下现象:
var obj = { a: 2 };
var obj2 = obj;
obj2.a = 3;
obj // { a: 3 }
obj2 // { a: 3 }
这种现象大家都不陌生,因为obj和obj2指向的是同一个对象,两者相互影响,那如果再往深处挖掘,这是一个什么样的过程呢,这个涉及到栈堆存储的概念。
在js中,按存储方式可将数据类型分为两种:
一是基本数据类型(string、number、undefined、null、boolean、symbol).
二是引用数据类型(object),除了基本数据类型外,其余都是引用数据类型,包括函数、数组、正则表达式等。
基本数据类型大小固定,内存大小可分配,是直接按值存放的,访问的时候也是直接访问值,这种类型的数据直接存储在栈里。
引用数据类型属性可改,大小不固定,它在栈只存储一个指针,而实际内容存储在堆里,存在栈里的指针指向堆里的实际内容,当被访问的时候,是先访问指针,然后沿着指针的指向访问到堆里的实际内容。
所以,上面的代码操作是这样一个过程:
var obj = { a: 2 }; // obj的指针指向{ a: 2 }
var obj2 = obj; // 将obj的指针赋值给obj2,此时obj2的指针也指向{ a: 2 }
obj2.a = 3; // 将{ a: 2 }的a属性值改为3
因为obj和obj2的指针都指向同一个堆地址,所以此时两者都为{a: 3}