var a = { n:1 };
var b = a;
a.x = a = {n : 2};
console.log(a.x);
console.log(b.x);
这是一道阿里2021年的面试题;深层是考了js的赋值运算符的底层步骤。
以var a = 1 为例。
js的赋值运算符的底层步骤:
1、找到变量 a 的内存地址,准备赋值。
2、运算右侧代码,得到要赋值的数据。
3、将右侧运算的数据放入到之前的地址中。
4、返回整个表达式的结果为右侧运算的数据。
阿里面试题中:
b为浅拷贝,前两行最终会形成这样的内存结构。
关键是第三行:
第一步找到a.x的内存空间,没有x属性,所以js会在给a地址所指的栈内存中增加x属性。形成以下的内存空间
接下来第二步,计算赋值右边的值,右边也是一个赋值则又开始走一次赋值运算符的步骤,
1、定位a的内存空间。
2、运算右侧代码。右侧代码为一个新的对象。则会在堆内存中开辟一个新的对象。
3、右侧运算的数据放入到之前的地址中。
4、返回整个表达式的结果为右侧运算的数据。
将计算结果,也就是这个新对象,作为右侧运算的数据,返回给a.x。最终会形成以下的内存结构
所以打印a.x为undefined,b.x为{n:2}