JavaScript连等赋值

Posted 落落月

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript连等赋值相关的知识,希望对你有一定的参考价值。

最近探究js原理的过程中遇到了这个挺有趣的问题。

先贴代码:

var a = {n:1}
a.x = a = {n:2}
alert(a.x) //undefined 

在弄懂这个之前,我们先普及一个知识点,就是在javascript运算符中,属性运算符的优先级高于赋值运算符的优先级。

因此,a.x是先于赋值之前就进行的。

就是说,a.x刚开始是undefined的,这是没错的。

 

接下来我们探究一下连等赋值的赋值顺序:

1、从左往右

a.x赋值为{n:2};然后a赋值为{n:2};a的重新指向重写了a.x,即.x属性不存在,因此a.x输出为undefined。

2、从右往左

a赋值为{n:2};直接限制了a.x的赋值,因为.x在a赋值之前就已经创建了,因此不可能在为a.x赋值。

 

上述两种猜想都是大部分人的猜想,我一开始认为是从左往右,最后看了一大波的大神解释,我总结出我自己的结论,如有不对,请指出。

 

如果简单的看赋值,或许都争论不出来,但是如果从引用的角度去思考,也许不同。

 

我的猜想是这样的,在连等赋值的过程中,若有同一个引用变量进行操作,那么在不同阶段,两者可能会分开为不同指针,或者说是不同变量,因为指向的对象不同。

 

因此我觉得是从右往左,过程如下:

 在连等赋值过程中,重写不会发生,因此每个变量指向的对象都不会改变,也就是指针不会改变。

 

以上是关于JavaScript连等赋值的主要内容,如果未能解决你的问题,请参考以下文章

关于JavaScript中连等赋值那点事

JS的连等赋值

js连等赋值的陷阱

JAVA 连等赋值问题

探究JS中的连等赋值问题

js连等赋值