对象的浅拷贝:
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方法
需要注意的是,这三种数组深拷贝和一种对象深拷贝的方法,是对于数组和对象里面的内容比较简单一些而起作用的,一旦数组或者对象里面的内容比较复杂时就不会适用,需要进一步深拷贝。