对象的浅拷贝:
var obj1 = { name: 'zhangsan', age: 15 } var obj2 = obj1; obj1.say = function() { console.log('说话'); }; console.log(obj1); console.log(obj2);
把obj1赋值给obj2,会发现当obj1中添加一个方法时,obj2也会跟着改变,这是因为对象是存储在堆内存中的, obj1和obj2的栈内存中的内容都指向同一个地址,当有一个对象里面的内容改变的时候,堆内存中有会开辟一块新的地址, 使obj1和obj2的栈内存中的指向又变成了一个新的指向。
深拷贝的几种方式:
数组的深拷贝:
1.1 for循环变量
var arr1 = [1, 2, 3]; var arr2 = []; for (var i = 0; i < arr1.length; i++) { arr2.push(arr1[i]) } console.log(arr2); //[1,2,3] arr2.push(2); console.log(arr2); //[1,2,3,2] console.log(arr1); //[1, 2, 3]
1.2 slice方法
var arr1 = [1, 2, 3]; var arr2 = arr1.slice(0); console.log(arr2); //[1,2,3] arr2.push(2); console.log(arr2); //[1,2,3,2] console.log(arr1); //[1, 2, 3]
1.3 contact方法
var arr1 = [1, 2, 3]; var arr = []; var arr2 = arr.concat(arr1); console.log(arr2); //[1,2,3] arr2.push(2); console.log(arr2); //[1,2,3,2] console.log(arr1); //[1, 2, 3]
对象的深拷贝:
for…in…遍历
var obj1 = { name: 'zhangsan', age: 15 } var obj2 = {}; for (var key in obj1) { console.log(key); obj2[key] = obj1[key]; } console.log(obj2); obj1.say = function() { console.log('说话'); }; console.log(obj1); //有say方法 console.log(obj2); //没有say方法
需要注意的是,这三种数组深拷贝和一种对象深拷贝的方法,是对于数组和对象里面的内容比较简单一些而起作用的,一旦数组或者对象里面的内容比较复杂时就不会适用,需要进一步深拷贝。