这道js题你会吗?

最近看到掘金一篇文章中的有一个题目,比较有意思,因此分享给你们看看。javascript

var a = {n: 1};
var b = a;
a.x = a = {n: 2};

a.x
b.x
复制代码

有兴趣的能够分析分析,看看答案是多少?五分钟过去了,答案有了吗?下面是答案,不知道有没有跪在这道题上。java

a.x 	// --> undefined
b.x 	// --> {n: 2}
复制代码

思路:

原文中的解题思路是这样的:bash

  1. 优先级。. 的优先级高于=,因此先执行a.x,堆内存中的{n: 1}就会变成{n: 1, x: undefined},改变以后相应的b.x也变化了,由于指向的是同一个对象。
  2. 赋值操做是从右到左,因此先执行a = {n: 2}a 的引用就被改变了,而后这个返回值又赋值给了a.x ,须要注意的是这时候a.x 是第一步中的{n: 1, x: undefined}那个对象,其实就是b.x,至关于b.x = {n: 2}

思路很清晰,可是对于第一点,我加入了本身的理解进去。spa

var a = {n: 1};
var b = a;
a.x = a = {n: 2};

// 这里引擎会有RHS查询和LHS查询
// 具体参见《你不知道的javascript上》
复制代码

RHS和LHS:说简单的就是,在赋值的左右侧进行查找变找,RHS 查询与简单地查找某个变量的值别无二致,而 LHS 查询则是试图 找到变量的容器自己,从而能够对其赋值。3d

直接对a.x = a = {n: 2}分析,这里在赋值前会有两个LHS查询,查找a.x和a的容器自己,a.x没有查找到则声明了一个undefined。code

从内存模型上分析:cdn

在执行 a.x = a = {n: 2}前对象

a.x = a = {n: 2}前

a.x 和 a 进行LHS时:blog

相关文章
相关标签/搜索