现在的面试中很多的面试官都会问知道堆（Heap）栈（Stack）的底层机制嘛？
然而你一脸懵圈，啥是堆栈，那这次面试基本也就凉凉了，如果你不知道，那就一起来看看吧。
在v8引擎中对变量的存储主要有两种，堆内存和栈内存，只要你有变量，有赋值就是有两种内存的存在：
栈内存：1、存储的是基本数据类型（Boolean、Number、String、Undefined、Null）的变量名和变量值，然后会开辟出变量的存储空间和值的存储空间。
2、执行代码，也就是常说的执行栈，为JS代码提供一个执行的环境。
堆内存：存储的是引用数据类型（Object、Array、RegExp、Date、Function）的地址，对象的键值对函数的代码块等。
在看堆栈内存之前，咱们先讨论一下对象得属性名可以是什么类型？有人说对象的属性名 就是字符串类型，你可以这么理解，但是我用 true 做属性名然后赋值 你输入照样不会报错,为什么说 可以理解为字符串，看输出结果都是一样得
属性名对比
那我要是用引用类型做对象得属性名会怎么样，来看看:
引用类型结果
你会发现，引用类型都会隐式转换为字符串 toString()，成为属性名，了解了这些，咱们先来看一道面试题，
let a = {x:100};
let c = {x:200};
obj[a] = 1000;
obj[c] = 3000;
console.log(a.toString());
console.log(obj);
输出结果等于多少:结果看下图：
引用类型属性名面试题
上面对象属性名的类型及知识点也说的差不多了，下面进去正题：
代码演示之栈内存：
let a = 12; 这段代码都做了些什么呢？ 结合上面所说，声明一个变量 a 存储到栈内存的变量存储空间，有个值 12 存储到了栈内存中的值存储空间，最后一个 = 既是赋值也是指针关联，指针关联什么呢？变量与值的关联。
知道了什么是栈内存，那么来看这个题：
let a = 12;
b = a;
b = 13;
console.log(a, b);
输出结果：
简单栈面试题
已经知道了栈内存，现在来说说堆内存：
let obj = {name: "我是谁"}; 声明变量 obj，赋值，注意：这个值存储空间存储的是引用类型的地址，就是存储了一个独有的16进制，用了值存储空间来链接 变量存储空间 和 堆内存（一个地址只能有一个引用类型值）。
来一道简单堆内存面试题：
let obj = {name: "我是谁"};
let m = obj;
m.name = "怎么一个人住";
console.log(obj);
输出结果：
简单堆内存面试题
稍微总结一下区别:
栈内存中存储的是基本数据类型，堆内存中存储的是引用数据类型。
栈内存中存储的都是占据空间小的值，堆内存中都是占据空间大的值。
上面的文字你看懂了嘛?上面的例子你看会了嘛？没错，就是这么简单，真的嘛？
var obj = {n: 10,m: obj.n * 10};
console.log(obj.m);
既然你已经觉得简单了，看看这道题输出什么？
面试题1
这太简单了，没有什么难度，那请看下面的题：
面试题1：
var ary1 = [3, 4];
var ary2 = ary1;
ary2[0] = 1;
ary2 = [4, 5];
ary2[1] = 2;
ary1[1] = 0;
console.log(ary1, ary2);
输出结果：
堆面试题数组
面试题2：
let n = [10, 20]; let m = n; let x = m;
m[0] = 100;
x = [30, 40];
x[0] = 200; m = x;
m[1] = 300;
n[2] = 400;
console.log(n,m,x);
输出结果及解题思路：
解题思路
面试题3：(阿里面试题)
let obj = { n: 1 }
let _thisObj = obj;
obj.x = obj = { n: 2 }
输出 obj.x 和 _thisObj 得到的是什么？
解题思路
上面就是本人从简单到简单的介绍了一下什么是堆栈内存，也是本人记录笔记，如有不对之处及不周之处请指出，希望对一些人有所帮助，如果你认真阅读了，你的答案对了几个呢？欢迎评论留言自己的答案及看法，谢谢！
网友评论