由ECMA规范来看连续赋值

首先我们来看一段代码:

var a = {n: 1};
var b = a;
a.x = a = {n: 2}; 
console.log(a.x);  
console.log(b.x);

这段代码会输出什么呢?
我们首先来看一下对规范对于赋值操作A=B的解释,这一操作的背后究竟发生了什么?
总共有4个步骤
1. 计算表达式A,得到A的地址refA
2. 计算表达式B,得到B的值valueB
3. 将valueB赋值给refA指向的名称绑定
4. 返回valueB
以上的4个步骤也就说明了js的表达式是由右至左的(大部分语言都是这样)

用这种方式来看我们的连续赋值:
A = B = C = D我们可以看成A = (B = (C = D))
一、进行的是取地址过程:
1. 取出A的地址refA
2. 取出B的地址refB
3. 取出C的地址refC
4. 取出D的地址refD
二、进行的是取值过程:
1. 取出D的值valueD
三、进行赋值过程:
1. 将valueD赋值给refC指向的变量,返回valueD
2. 将valueD赋值给refB指向的变量,返回valueD
3. 将valueD赋值给refA指向的变量,返回valueD
最终A,B,C三个变量的值全部变为D的值

下面来看我们文章一开始的那段代码:
首先我们将a.xa的地址分别取出来,在这里分别记为ref1,ref2
然后我们在计算{n: 2},得到一个值value1(也就是一个指针),保存着该对象在内存中的地址
而后将value1赋值给ref1所指向的变量,对应的对象a的地址也会被改变,很多人会有疑问说,这是ref2的地址会不会变化,显然是不会的,因为ref2只是我们的一个指针,它的值指向的是原来对象a在内存中对应对象的地址(a的指向改变后,b仍指向这片地址),下面就是将value1赋值给ref1,这时ref1的指向被改变,指向内存中{n: 2}对象对应的地址。
所以文章开始代码的输出为undefined{n: 2}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值