javascriptvar a = {n:1}; var b = a; // 持有a,以回查 a.x = a = {n:2}; alert(a.x);// --> undefined alert(b.x);// --> {n:2}
请问结果为何是这样?
我的理解是连等赋值从右向左运算的,当a被复制为{n:2}之后,
为什么a.x中的a仍然指向{n:1}?
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
赋值是从右到左的,但不要被绕晕了, 其实很简单,从
运算符优先级来考虑.运算优先于=赋值运算,因此此处赋值可理解为赋值结果:
这个问题如果对js或者说对计算机语言不熟悉很容易陷在里面。
有些问题并不难,想的简单些也更容易理解些,复杂了未必是好事,思考的方式很重要
理解这个其他的都好理解了,这个赋值是从右边向左边进行的。但是在真正赋值的时候,并不是看上去的那样。真正的赋值表面上和下面的一样:
但因为a只是一个变量,在内部的时候其实是这样的:
然后运行的时候,a地址指向的值增加了一个x属性,由于b引用这个值,因此b可以访问这个x的值。而a这个变量就被赋值给了{n:2}了。
要知道js在运行前有语法错误检查和一些其他的准备的,不是像我们写的代码看上去那样。也就是说,如果涉及到变量的属性的赋值什么的,都会对原变量保存一个副本,在这个副本上进行操作,来保证属性的确是被附到了原来的对象上。这个我好像在哪个书上看到过,但是记得有些模糊了,可能有错误的地方。
虽然这个问题过去很长时间了,但是今天我来个让所有人一看就懂的回答:
但是,你真正懂得右结合性是怎样起作用的吗?
看下面的连续赋值表达式:
其中的exp是一个表达式,并且除最后一个expN外,其他表达式都必须可以作为左值。
你能告诉我它是怎样运算吗?
是这样的,首先根据赋值运算的右结合性,可以改写成:
然后按照下面步骤进行运算:
解析exp1;
解析exp2;
解析exp3;
...
N. 解析expN;
以上步骤完成后,上面表达式变成了:
其中
value是表达式expN的值。接下来的步骤是:将value赋给引用refN-1;
将value赋给引用refN-2;
...
N-1.将value赋给引用ref1;
结束。
现在你应该可以理解为什么
是怎么回事了。关键在这里:
a.x是对a这个对象下的x这个名称的引用。a可以看成envRec.a,是对envRec这个对象下的a这个名称的引用。envRec是什么呢?是当前执行上下文中的环境记录项,可以认为保存局部变量的那个内部对象。我理解这涉及两个过程即求值过程和运算过程,求值过程都是从左到右,而运算过程有自己的运算顺序
这条语句中a.x a 和 {n:2}分别是三个表达式,需要先对他们求值,然后才会进行赋值操作,求值过程是先于赋值过程的
@justjavac
写了 10 年 Javascript 未必全了解的连续赋值运算
问题在于连等语句,是一条语句啊!
在程序运行到之后,先确定好了
a.x和a的引用,再从右往左开始赋值的。. 运算优先于 = 赋值运算,且赋值从右到左
因此 a.x = a = {n:2} 可以分解为
a.x = {n:2}; // b 作为引用,即 b = {n:1, x:{n:2}}
a = {n:2}; // a 被重新赋值对象,即 b 不再为引用
js按照从左往右的顺序计算表达式
计算完表达式后才进行运算操作
我们回到a.x = a = {n:2}; 这个赋值语句来看
1)首先,js引擎计算表达式的值
1.1 对a.x 会在a上添加属性,其中为undefined,注意此时b指向的对象和a指向的对象为同一个,都会有一个属性x,a.x的计算结果为一个值为undefined的指针变量,假设为C
1.2 计算a得到为一个添加了属性x的对象
2)赋值操作从左往右进行,那么
2.1 a={n:2}赋值操作后 a指向{n:2}表达式对象的临时变量。赋值操作返回对象为{n:2}
2.2 接下来执行a.x={n:2}的赋值操作,注意同一个表达式,JS不会计算2遍;
此时的a.x为1.1计算得到的结果,也即是赋值操作对指针变量C赋值,结果为{n:2}
写了 10 年 Javascript 未必全了解的连续赋值运算