当前位置: 首页 > news >正文

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

相关文章:

  • java B2B2C源码电子商城系统-Spring Cloud Eureka自我保护机制
  • 基于 React TypeScript Webpack 的微前端应用模板
  • xgboost回归损失函数自定义【一】
  • Java null最佳实践
  • 36氪首发|「优仕美地医疗」获亿元级B轮融资,要打造日间手术机构的连锁服务网络...
  • 阿里云联合8家芯片商推“全平台通信模组”,加速物联网生态建设
  • MySQL设置主从复制
  • 赶紧收藏!新鲜出炉的重庆轨道交通图 首末班时间和线路都在里面
  • 厉害!重庆参加马拉松赛人数7年翻10倍,今年区县马拉松赛事将大增
  • python教程(一)·命令行基本操作
  • TCP三次握手四次挥手
  • C++类中的特殊成员函数
  • ES搜索引擎集群模式搭建【Kibana可视化】
  • spring cloud gateway 源码解析(4)跨域问题处理
  • 有赞电商云应用框架设计
  • gf框架之分页模块(五) - 自定义分页
  • iOS | NSProxy
  • JAVA 学习IO流
  • JAVA_NIO系列——Channel和Buffer详解
  • JavaScript学习总结——原型
  • JS函数式编程 数组部分风格 ES6版
  • PAT A1120
  • Redis学习笔记 - pipline(流水线、管道)
  • Storybook 5.0正式发布:有史以来变化最大的版本\n
  • vagrant 添加本地 box 安装 laravel homestead
  • vue的全局变量和全局拦截请求器
  • 百度小程序遇到的问题
  • 初识MongoDB分片
  • 基于web的全景—— Pannellum小试
  • 前端路由实现-history
  • 如何使用 JavaScript 解析 URL
  • 使用SAX解析XML
  • 云栖大讲堂Java基础入门(三)- 阿里巴巴Java开发手册介绍
  • 怎么将电脑中的声音录制成WAV格式
  • Hibernate主键生成策略及选择
  • 阿里云服务器购买完整流程
  • 数据库巡检项
  • ​3ds Max插件CG MAGIC图形板块为您提升线条效率!
  • # 再次尝试 连接失败_无线WiFi无法连接到网络怎么办【解决方法】
  • (C)一些题4
  • (C++17) std算法之执行策略 execution
  • (Redis使用系列) Springboot 使用redis的List数据结构实现简单的排队功能场景 九
  • (转载)PyTorch代码规范最佳实践和样式指南
  • ./include/caffe/util/cudnn.hpp: In function ‘const char* cudnnGetErrorString(cudnnStatus_t)’: ./incl
  • .dwp和.webpart的区别
  • .mysql secret在哪_MySQL如何使用索引
  • .net中生成excel后调整宽度
  • ;号自动换行
  • @Bean注解详解
  • @private @protected @public
  • [ CTF ] WriteUp-2022年春秋杯网络安全联赛-冬季赛
  • [.NET]桃源网络硬盘 v7.4
  • []error LNK2001: unresolved external symbol _m
  • [16/N]论得趣
  • [2016.7 Day.4] T1 游戏 [正解:二分图 偏解:奇葩贪心+模拟?(不知如何称呼不过居然比std还快)]