为什么改变对象引用的值实际上并没有改变对象？ [复制]

Question

请看下面的例子：

const obj = { a: {} }
let aOfObj = obj.a
console.log(obj.a === aOfObj)
aOfObj.b = 4
console.log(obj.a.b === aOfObj.b)
aOfObj = {}
console.log(obj.a === aOfObj)

所以aOfObj 是对obj.a 的引用。将aOfObj.b 设置为4 证明了这一点。原始对象的obj.a.b 也已修改。那么为什么设置aOfObj = {} 与设置obj.a = {} 不一样呢？

Answer 1

下图中的每个矩形表示一个对象。

const obj = { a: {} } 在内存中创建对象{ a: {} }，并将其引用分配给变量obj。

let aOfObj = obj.a 将内部对象a 的引用分配给变量aOfObj。

由于aOfObj 和obj.a 引用的是同一个对象，更改aOfObj 引用的对象 也会反映在obj.a 上，因为它们是同一个对象。 p>

现在当您执行aOfObj = {} 时，您正在创建一个新对象（在内存中）并将其引用分配给aOfObj，因此obj.a 和aOfObj 指向不同的对象。

注意：

变量和对象都存储在内存中。变量（上方左侧的所有内容）存储在stack 中，而对象（上方右侧的所有内容）存储在heap 中。

当使用原始值（如数字、字符串等）时，变量存储在堆栈中，其值就是原始值本身。例如：let n = 5; 正在堆栈上创建一个变量n，并将其值设置为文字数字5。

当使用对象（对象、数组、类的实例...）时，变量存储在堆栈中，而对象存储在堆中（因为堆栈更小）和引用（地址该对象在内存中的值）存储为堆栈上变量的值。例如：let o = {} 在堆栈上创建变量o，在堆上创建对象{}，并将堆栈上的o 的值设置为该对象的地址，该地址是一个数字（最终保持堆栈更小）。

在 javascript 中，与其他一些语言不同，变量本身不能被引用，只有作为对象的值才能被引用，这就是为什么 javascript is not a pass-by-reference language。