面试题:赋值运算符的底层步骤

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}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值