从堆、栈内存到深、浅拷贝详述

关于堆和栈

堆和栈都是运行时内存中分配的一个数据区，因此也被称为堆区和栈区，但二者存储的数据类型和处理速度不同。

栈内存详述

栈：栈内存中存放的就是基本数据类型值，这些类型在栈内存中有固定的大小，通过值来访问。其优势是存取速度比堆要快。
举个例子

var a=3;
var b=3;

先处理 var a=3;,首先会在栈中创建一个变量为a引用，然后查找栈中是否有3这个值，如果没有找到，就将3存放进来，然后将a指向3。
接着处理 var b=3;,在创建为b的引用变量后，查找栈中是否有3这个值，因为此时栈中已经存在了3，便将b直接指向3。
这样，就出现了a与b同时指向3的情况。
此时，如果再令a=4，那么JavaScript解释引擎会重新搜查栈中是否有4这个值，如果有，则将4存放进来，并令a指向4；如果已经有了，则直接将a指向这个地址。因此a值的改变不会影响到b的值。

堆内存详述

堆：引用类型的值存储于堆中，不过引用类型的数据的地址指针是存储于栈中的，当我们想要访问引用类型的值的时候，需要先从栈中获得对象的地址指针，然后，在通过地址指针找到堆中的所需要的数据。
查询引用数据类型的变量时。会先从栈内存中读取引用地址。然后通过地址再去堆内存中找到该值。
举个例子

var a='one';
var b='teo';
var c='three';
var arr1=[a,b,c];
var arr2=arr1;

arr1  // ["one", "teo", "three"]
arr2  // ["one", "teo", "three"]
a = 'one2';  // a === "one2"
console.log(arr1,arr2); // ["one", "teo", "three"] , ["one", "teo", "three"]
arr1[0] = 'one3';
console.log(arr1