js经典面试题-连续赋值运算

今天看技术群里谈论连续赋值运算的问题，justjavac直接拿出了十年前的文章
文章，不愧是大神，10年前就有研究，在这里分享下我的理解：

一. 两个顺序问题

1. js的代码（不考虑变量提升、异步操作），它的执行顺序是从上倒下，从左到右的，一行一行的执行的。

2. 赋值运算有以下两种形式：

简单的赋值运算=：把等号右侧操作数的值直接复制给左侧的操作数，因此左侧操作数的值会发生变化。
附加操作的赋值运算：赋值之前先对右侧操作数执行某种操作，然后把运算结果复制给左侧操作数。

注意，赋值运算是从右往左进行复制的

二. JS内存的基础知识

JS的引用数据类型，比如数组Array，它们值的大小是不固定的。引用数据类型的值是保存在堆内存中的对象。
JavaScript不允许直接访问堆内存中的位置，因此我们不能直接操作对象的堆内存空间。在操作对象时，实际上是在操作对象的引用而不是实际的对象。
因此，引用类型的值都是按引用访问的。这里的引用，我们可以粗浅地理解为保存在变量对象中的一个地址，该地址与堆内存的实际值相关联。
这里不做过多介绍，可以百度下堆栈的相关知识即可。

具备上述基础后，下面的题就很好理解了

第一题：

var a = {n:1}; 
var b = a;  
a = {n:2}; 
a.x = a;
console.log(1,a); // { n: 2, x:{ n: 2, x:{ n: 2,x:{...循环 } } } }
console.log(2,a.x); // { n: 2, x:{ n: 2, x:{ n: 2,x:{...循环 } } } }
console.log(3,b); // {n: 1}
console.log(4,b.x); // undefined

分析：

1.png

第二题：

var a ={n:1};
var b = a;
a.x=a={n:2};
console.log(1,a); // {n: 2}
console.log(2,a.x); // undefined
console.log(3,b); // {n: 1, x: { n: 2 }}
console.log(4,b.x); // {n: 2}

分析：

2.png

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

js经典面试题-连续赋值运算