Javascript中的深拷贝与浅拷贝

javascript中的深拷贝与浅拷贝

什么是浅拷贝？什么是深拷贝？

1.浅拷贝：浅拷贝是拷贝引用，拷贝后的引用都是指向同一个对象的实例，彼此之间的操做会互相影响。

//这里的赋值仅仅只是把obj1的内存地址指向了obj。
var obj={name:'zhangsan',age:24}
var obj1=obj;
console.log(obj1.name);//zhangsan

//改变obj1中name的值，obj中name的值也跟着发生改变
obj1.name='lisi';
console.log(obj.name)//lisi
consloe.log(obj1.mane)//lisi

像上面这种直接赋值的方式就是浅拷贝，此时会发现，obj1的值发生改变，原来的obj也会跟着发生改变。可是不少状况下咱们想要的不是这种状况，仅仅只是把原对象的值拷贝过来当改变obj1时，obj并不须要跟着改变。此时，就须要用到了深拷贝。

2.深拷贝：在堆中从新分配内存，而且把源对象全部属性都进行新建拷贝，以保证深拷贝的对象的引用图不包含任何原有对象或对象图上的任何对象，拷贝后的对象与原来的对象是彻底隔离，互不影响。

//深拷贝就是不紧复制对象的基本类,同时也复制原对象中的对象.
//就是说彻底是新对象产生的，新对象所指向的不是原来对像的地址。


function deepCopy(a, b) {
　　var b = b || {};
　　for (var i in a) {
　　　　if (typeof a[i] === 'object') {
　　　　　　b[i] = (a[i].constructor === Array) ? [] : {};
　　　　　　deepCopy(a[i], b[i]);
　　　　} else {
　　　　　　　b[i] = a[i];
　　　　}
　　}
　　return b;
}

var arr =['zhangsan','lisi','wangwu'];
var newArr=deepCopy(arr,newArr);

console.log(arr[1]);//lisi
console.log(newArr[1]);//lisi

newArr[1]='zhaoliu';
console.log(arr[1]);//lisi
console.log(newArr[1]);//zhaoliu