最近看到掘金一篇文章中的有一个题目,比较有意思,所以分享给大家看看。
var a = {n: 1};
var b = a;
a.x = a = {n: 2};
a.x
b.x
复制代码
有兴趣的可以分析分析,看看答案是多少?五分钟过去了,答案有了吗?下面是答案,不知道有没有跪在这道题上。
a.x // --> undefined
b.x // --> {n: 2}
复制代码
思路:
原文中的解题思路是这样的:
- 优先级。. 的优先级高于=,所以先执行a.x,堆内存中的{n: 1}就会变成{n: 1, x: undefined},改变之后相应的b.x也变化了,因为指向的是同一个对象。
- 赋值操作是从右到左,所以先执行a = {n: 2},a 的引用就被改变了,然后这个返回值又赋值给了a.x ,需要注意的是这时候a.x 是第一步中的{n: 1, x: undefined}那个对象,其实就是b.x,相当于b.x = {n: 2}
思路很清晰,但是对于第一点,我加入了自己的理解进去。
var a = {n: 1};
var b = a;
a.x = a = {n: 2};
// 这里引擎会有RHS查询和LHS查询
// 具体参见《你不知道的javascript上》
复制代码
RHS和LHS:说简单的就是,在赋值的左右侧进行查找变找,RHS 查询与简单地查找某个变量的值别无二致,而 LHS 查询则是试图 找到变量的容器本身,从而可以对其赋值。
直接对a.x = a = {n: 2}分析,这里在赋值前会有两个LHS查询,查找a.x和a的容器本身,a.x没有查找到则声明了一个undefined。
从内存模型上分析:
在执行 a.x = a = {n: 2}前:
a.x 和 a 进行LHS时: