javascript中数据在栈和堆中的存储方式

学过javascript的都知道js中的数据类型分为基本数据类型和引用数据类型，那么他们需要存储，具体是怎样存储呢？
栈（stack）：会自动分配内存空间、自动释放，存放简单的数据段，占据固定的空间大小，存放基本数据类型。
基本数据类型：Null、Undefined、Number、Boolean、String
堆（heap）：动态分配内存空间，大小不固定不自动释放，用来存放引用数据类型。
引用数据类型：Object、Function、Array

先看一下图
当数据生成时首先会在栈中分配一个空间，举个例子就像是我们出门旅游时去酒店，会先在前台开好房间然后才能住进房间，之后如果你是一个基本数据类型就直接存放数据在栈中，如果你是一个引用类型，就要在堆里边开辟空间存放数据然后再将存放数据的地址放在栈中，需要查找数据的时候就通过栈中的地址指针指向堆内找到需要的数据。

下边我们举一个例子

var a = {x:10,y:20};
var b = [10,20,30];
var c = 5;

图中变量c是一个Number类型所以值直接存储在栈中，而变量a和b是Object和Array所以数据放入的是堆中，栈中只存放堆里边存放数据的地址，a根据栈中地址指向堆中数据A001，b根据栈中的地址指向指向堆中的A002。

当发生赋值时

var a = [1,2,3,4];
var b = a;

内存图

当把a赋值给b时，不是直接将a中的内容[1,2,3,4]复制给b而是把a在堆中的地址A001复制给b，然后b将指针指向a的内容。

那如果a赋值给b后又被重新赋值了，内存图又是怎样的呢?

var a = [1,2,3];
var b = a;
a = {x:1,y:2};

当a被重新赋值{x:1,y:2}后不是直接改变堆中A001的内容，而是在堆中重新开辟一个空间A002存放新赋值的内容，然后将A002放入a的栈空间中，让a的指针重新指向A002，这就实现了a的再次赋值。