var a = {};
a.x = a = 3;
a 的值是什么。
其实当执行赋值语句的时候,js 的 = 左侧不是原始变量地址,而是一个新值。
怎么理解这句话呢?
来看下ECMA对 = 的定义吧。《11.13 Assignment Operators》
当然看不懂也没关系,我也是半懂不懂的简单理解了下。
文档中说 LeftHandSideExpression = AssignmentExpression
中文翻译为:左手边表达式 = 赋值表达式
虽然不知道什么意思,不过很明显,左侧的不是原始地址,应该是一个表达式。
我们来解释下这个吧。
var a = {}; 这个完全没问题,完全可以理解。。
那我们来详细解释下 a.x = a = 3; 是怎么回事吧。
用 左手边表达式 = 赋值表达式 原则套用下,相当于:
左手边表达式 = (左手边表达式 = 赋值表达式)
a.x 不再指向 a.x, 而是属性 x 的一个准备被赋值的表达式。
同样 a = 3 也是指向 a 的表达式而已。
也就是 a 被赋值为 3,原来那个对象的 x 属性被复制为 3。
其实很容易就可以验证刚才的说法。
执行后 a 是 3, 同时 b.x 也是 3
可能前面说的左手边表达式不太容易理解,看下这个例子吧:
这个就很直观了,左手边表达式的意思就是,左侧可以是一个"表达式",当然不是真正意义上的表达式,你看这里就是调用了一个函数,但是n的值确实变成了 123 。