堆(heap):堆内存的简称。 
栈(stack):栈内存的简称。 
在js中的变量分为基本类型和引用类型。基本类型就是保存在栈中的简单数据段,而引用类型就是那些保存在堆内存中的对象。 
基本类型在内存中分别占有固定大小的空间,会自动释放。引用类型值大小不固定,栈内存中存放地址指向堆内存中的对象,当查询引用类型的变量时候先从栈中读取内存地址,然后再通过地址找到堆中的值。 

var arr1 = [0, 1, 2, 3];
 var arr2 = arr1;
 var str1 = arr1[2];
 console.log(arr2); // 0, 1, 2, 3
 console.log(str1); // 2arr2[4] = 4;
 str1 = 5;
 console.log(arr1); // 0, 1, 2, 3, 4
 console.log(arr1[2]); // 2


上面例子可以看出,当修改arr2中数据时候,arr1中的数据也发生了改变,而当修改str1的数值时,arr1中数据没发生改变。

因为arr1时数组,属于引用类型,所以它赋值给arr2时候传的是栈中的地址(“指针”’),而不是堆内存中的对象。arr1 arr2都指向同一块堆内存,当arr2修改堆内存时候也就会影响到了arr1。str1得到的是一个基本类型的值,所以str1仅仅是从arr1堆内存中获取了一个数值,保存于栈内存中。str1是直接在栈中修改,并不能影响到arr1堆内存中的数据。

栈由编译器自动分配释放,堆 一般由程序员分配释放。栈固定大小用于存放基本类型,引用类型值大小不固定,栈内存中存放地址指向堆内存中的对象。

javascript的基本类型就5种:Undefined、Null、Boolean、Number和String,它们都是直接按值存储在栈中的,每种类型的数据占用的内存空间的大小是确定的,并由系统自动分配和自动释放。这样带来的好处就是,内存可以及时得到回收,相对于堆来说,更加容易管理内存空间。

javascript中其他类型的数据被称为引用类型的数据 : 如对象(Object)、数组(Array)、函数(Function) …,它们是通过拷贝和new出来的,这样的数据存储于堆中。其实,说存储于堆中,也不太准确,因为,引用类型的数据的地址指针是存储于栈中的,当我们想要访问引用类型的值的时候,需要先从栈中获得对象的地址指针,然后,在通过地址指针找到堆中的所需要的数据。

栈,线性结构,后进先出,便于管理。堆,一个混沌,杂乱无章,方便存储和开辟内存空间

 

浅拷贝就是只是简单拷贝栈中的地址指针,深度拷贝相当于拷贝之后两者完全无关,下面是一个深度拷贝例子:

function deepCopy(obj){
             var o;
             switch(typeof obj){
             case 'undefined': break;
             case 'string'   : o = obj + '';break;
             case 'number'   : o = obj - 0;break;
             case 'boolean'  : o = obj;break;
             case 'object'   :
                 if(obj === null){
                     o = null;
                 }else{
                     if(obj instanceof Array){
                         o = [];
                         for(var i = 0, len = obj.length; i < len; i++){
                             o.push(deepCopy(obj[i]));
                         }
                     }else{
                         o = {};
                         for(var k in obj){
                             o[k] = deepCopy(obj[k]);
                         }
                     }
                 }
                 break;
             default:
                 o = obj;break;
             }
             return o;
         }