内存|几个例子理解不同数据类型的堆栈内存处理
如有错误烦请指正js代码的运行环境
浏览器 内核（引擎）
node
webview（hybrid ， 嵌入到手机app里面 ， 在app里面运行）
...
下面通过几个例子理解不同数据类型的堆栈内存处理js如何运行（示例1）var a = 12;var b = a;b = 13;console.log(a);
浏览器能够运行js代码 ， 是因为浏览器会在计算机内存中分配出一块内存 ， 用来供代码执行 ， 这块内存叫栈内存 ， 也叫Stack ， 或者ECStack（Execution Context Stack）执行环境栈 。
为了区分是哪个区域（全局或者函数等）下的代码执行 ， 会产生一个执行上下文（EC ： Execution Context） 。所谓执行上下文 ， 其实是一个抽象的概念 ， 简单来理解就是代码执行区域的划分 。
在全局环境下会产生 EC（G） ：Execution Context （golbal） 全局执行上下文 ， 其中VO（G）全局变量对象（Varibale Object）存储全局执行上下文声明的变量 ， 然后进入栈内存执行 。
文章图片
文章图片
声明变量的步骤
接着开始执行 ， 先声明变量 ， 声明变量有三步
var [变量] = [值]
先创建值（执行等号右边）
基本数据类型是直接存储在栈内存当中
引用类型的值 ， 都是开辟一个单独的内存空间（堆内存Heap）存储信息
声明变量 declare存放到当前上下文的变量对象中（VO/AO）
定义（赋值）变量：让变量和值关联到一起 ， 也就是所谓的赋值操作 ， 也叫定义（defined）或指针指向所以var n; //默认值是undefined 未定义
所以var a = 12步骤是
在内存中开辟空间 ， 存储12值
声明变量a
将12赋值给a
文章图片
文章图片
而var b = a处理是
文章图片
文章图片
因为右侧的a不是值 ， 所以不需要第一步 ， 不需要在栈里面开辟空间 ， 直接进行第二步声明 ， 然后执行第三步 ， 关联到12值（指针）
b=13的处理步骤是
文章图片
文章图片
在内存中开辟空间 ， 存储13值
因为b已经在当前上下文的变量对象中 ， 所以不需要第二步声明
将13赋值给b
结果：
文章图片
文章图片
总体执行逻辑：
文章图片
文章图片
js如何运行（示例2）var a = {n: 12};var b = a;b['n'] = 13;console.log(a.n);
当第一步创建的值是一个引用类型的值时候 ， 值就没法直接存到栈里（没有这么大的空间） 。当创建引用类型值的时候 ， 会进行以下处理
在计算机内存中分配一个单独的内存出来（堆内存 Heap）
这块堆内存有一个16进制的地址用来寻找
把对象中的键值对分别存储到堆内存当中
【内存|几个例子理解不同数据类型的堆栈内存处理】把堆内存地址放置到栈中 ， 供变量调用
这就是第一步 ， 创建值的过程
推荐阅读
- 5G手机,荣耀手机|最值得入手的三款5G手机，8+128G大内存，仅1600元！
- 5G手机|最值得入手的三款5G手机，8+128G大内存，仅1600元！
- 行业互联网|TrendForce：内存、闪存还要大降价 华为等拉货难以改善市场疲软
- 中关村在线|威刚发布XPG GAMMIX D20 DDR4内存 最高4133MHz
- 荣耀手机|四款2500元价位5G手机盘点 高像素大内存适合拍照
- 运行内存|你真的需要8GB的运行内存吗？
- IT之家|三星拟采用 EUV 技术生产内存，美光：不打算跟进
- 手机使用技巧|你真的需要8GB的运行内存吗？
- 手机|小米和三星真的头疼，16GB内存，流畅度却和苹果4GB一样
- 5G|红米低价机竟然配备128GB内存+4800万像素四摄+5020mAh电池，让华为怎么卖？