深拷贝与浅拷贝

CPU缓存 (Cache Memory)

• CPU缓存中存放了CPU短时间内需要访问的数据,从而加快运算速度.
• CPU运算先读缓存后读内存.缓存的数据由内存块推入缓存.

一级缓存/二级缓存

• 一级缓存存放了数据缓存(Data Cache)和指令缓存(Instruction Cache)
• 二级缓存一般存放了一级缓存放不下的内存块内容.(不包含指令缓存)
• 缓存的使用率逐级递减,所以读写性能也是逐级递减,同理容量逐级递增但是造价逐级递减.
  这个和内存硬盘的关系很像.

堆(stack)和栈(heap)

• 内存栈区:由编译器自动分配释放. 先进后出(FILO).
• 内存堆区:一般由程序员分配释放(JS由编译器控制). 先进先出(FIFO).
• 内存栈推入一级缓存, 内存堆推入二级缓存.

JavaScript的基本类型和引用类型

• 基本类型存放在栈中.因为编译器知道基本类型需要多大的内存空间.
• 引用类型较为复杂而且不定使用空间,所以放入内存堆中,使用较为自由.
• 定义一个引用类型的变量时, 变量实体放入内存堆中, 变量名对应一个内存堆的地址,这个地址放在内存栈中.

JavaScript深拷贝和浅拷贝

• 该说法适用于引用类型数据的拷贝.

实际上obj2只在栈内存上复制了,即obj2这个变量名对应的是和obj1相同的堆内存的地址, 因此obj1和obj2同时指向一个堆内存即实际对象. 这种拷贝叫做浅拷贝.
> * 在实际使用过程中, 一般强调一个非突变的概念(immutable),即不直接修改原对象,而是用一个新的对象去替换它. 所以深拷贝是有意义的即开辟一个新的堆内存空间.

# 数组的深拷贝
> * 简单数组的拷贝:
``` var arr1 = [1,2,3];
var arr2 = arr1.slice(0);   
var arr3 = arr1.concat();
arr1[0] = [5]; 
arr1;  // [5,2,3]
arr2;  // [1,2,3]
arr3;  // [1,2,3]

• 数组中包含子数组,和上述方法相同.
• 数组中包含对象:

var arr2 = JSON.parse( (JSON.stringify(arr1) );
arr1[0] = {d:5};
arr1;  // [ {d:5} , {b:2,c:3} ]
arr2;  // [ {a:1} , {b:2,c:3} ];```

# 对象的深拷贝
> * 简单对象的拷贝:
ES6下有函数Object.assign();
```var obj1 = { a:1 , b:2 , c:3};
var obj2 =Object.assign({},obj1);

当然这个函数还有很多其他的特点, 详见https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

• 当然最简单的还是JSON得方法了,不过就是包含了方法就不能拷贝了.

var obj2 = JSON.parse( JSON.stringify(obj1) );

参考文献

• MDN: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
• StackOverFlow:
  http://stackoverflow.com/questions/122102/what-is-the-most-efficient-way-to-deep-clone-an-object-in-javascript/122704#