有趣的JS存储 连等问题

五个月不见了，你是不是和我一样又帅了，今天我们先来看一道经典的关于JS存储的题目，来一场紧张又刺激的脑内吃鸡大战吧：

var a = {n:1};

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

console.log(a.x);

console.log(a);·

问输出？

想必大家心中都有答案了 ...

结果很显然是有趣的，

到这里有部分现场观众朋友就问了，这特喵咋undefined？不是赋值了吗？别急先别骂人，往下看：

这题目某讯课堂的老师是说考的是学生对连续赋值运算的理解，这说得有点玄学了：

网上也有很多的理解：

我们先将代码这样修改：

a.x = a = {n:2};   ---- >  a = a.x = {n:2};

结果显然是一致的，不论是先给 a 赋值还是先给 a.x 赋值结果都是一致的，

查了一些资料后，得知这等式中 . 的优先级别是最高的，

因此这题的思路：

JS会把变量存到栈中，而对象则会存在堆中，

1.第一行代码：变量 a 的指针指向堆栈；

2.第二行代码：a.x = a = {n:2};   堆1中的变量对像X指向堆2 { n:2 }， 接着给a赋值 a={n:2} ,a的指针被改变指向堆2，然后堆1没有被指针指向，被GC回收，因此输出的 a.x 是underfinde 而 a 的值是 {n:2}；

理解上述代码只需要稍微理解一下js变量储存：

大家都知道，JavaScript中的变量类型分为两种，一种是基本数据类型，包括：undefined，null，Number，String，Boolean，另外一种就是对象。

两种数据类型的存储方式在JS中也有所不同。

另外，内存分为栈区（stack）和堆区（heap），然后在JS中开发人员并不能直接操作堆区，堆区数据由JS引擎操作完成，那这二者在存储数据上到底有什么区别呢？

一幅图告诉你：

　JS中变量的定义在内存中包括三个部分：

• • 变量标示　　（比如上图中的Str，变量标示存储在内存的栈区）
  • 变量值　　   （比如上面中的Str的值souvenir或者是obj1对象的指向堆区地址，这个值也是存储在栈区）
  • 对象　　      （比如上图中的对象1或者对象2，对象存储在堆区）

　　也就是说，对于基本数据类型来说，只使用了内存的栈区。

我们再做一个有趣的改动：

var a = {n:1};
var b=a;
a.x = a = {n:2};
console.log(a.x);
console.log(a);
console.log(b);
console.log(b.x);

可以看到我们并没有对 b 进行操作但是 b.x 等于{n:2}，这是一个被操作过的值，就如上述可知 b的指针指向堆1，所以堆没有被回收，而被显示出来了 ~

从这么一个简单你是否对 JS存储机制有了新的认识呢 ~

欢迎大佬们的指正和各种蹂躏调教 ~~~

感谢部分摘要的作者 ：https://www.cnblogs.com/souvenir/p/4969565.html