这道js题你会吗?

最近看到掘金一篇文章中的有一个题目,比较有意思,所以分享给大家看看。

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

a.x
b.x
复制代码

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

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

思路:

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

  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}

思路很清晰,但是对于第一点,我加入了自己的理解进去。

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时:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值