javascript中变量与栈、堆的关系详解

---

一、数据类型

变量的值的类型分为基本类型和引用类型。基本类型有字符型，数值型，null,undefined,布尔型。引用类型有对象，数组，函数，symbol类型。
内存分为栈区和堆区，所有定义的变量都储存在内存中。
栈区内存有限只能储存大小固定的基本类型。
堆区不限内存可以储存大小不固定引用类型。

二、栈和堆

这段代码的执行过程是怎样的？

let name="小红";
let age={};

首先执行器读取到let关键字之后便在栈区开辟了内存空间并把它命名为name。之后根据储存值的类型决定后续的流程，如果是基本类型则直接把值存入内存空间中。如果是引用类型则会在堆区中开辟一个内存空间并把它的地址存入到栈区的空间里即age中存的其实是堆的地址。

三、变量复制

let name="小红";
let name1=123;
name1=name;
name1=666;
consloe.log(name)//打印结果为小红
const a={};
const b=a;
b.name="小红";
console.log(a.name)//打印结果为小红

如果是基本类型则先把变量name1中储存的值先给销毁再把name的值复制一份存入name1的变量中。所以哪怕进行复制操作这两个变量依旧是两个存储空间所以互不干扰。
如果是引用类型则因为占用内存较大所以不会复制自己，而是把栈区储存的地址复制一份存入b变量中。所以这俩个变量储存的地址是一样的都指向一个对象所以会互相干扰。