- 深拷贝和浅拷贝,主要是对象发生复制的时候,根据复制的层级不同来区分的。很多人在这里经常变量赋值发生混淆。对于JavaScript数组等复杂的数据类型来说,将其赋值给其它变量,其实只是复制了对象的地址给它,两个变量指向的是同一个对象,因此普通的赋值既不是深拷贝也不是浅拷贝
- 深拷贝和浅拷贝需要注意的地方就是可变元素的拷贝
- 在浅拷贝时,拷贝出来的新对象的地址和原对象是不一样的,但是新对象里面的可变元素(如列表)的地址和原对象里的可变元素的地址是相同的,也就是说浅拷贝它拷贝的是浅层次的数据结构(不可变元素),对象里的可变元素作为深层次的数据结构并没有被拷贝到新地址里面去。而是和原对象里的可变元素指向同一个地址,所以在新对象或原对象里对这个可变元素做修改时,两个对象是同时改变的,但是深拷贝不会这样,这个是浅拷贝相对于深拷贝最根本的区别。
cloneDeep(obj) {
let objClone = Array.isArray(obj) ? [] : {}
if (typeof obj === 'object') {
for (key in obj) {
if (typeof obj[key] === 'object') objClone[key] = cloneDeep(obj[key])
else objClone[key] = obj[k]
}
} else {
objClone = obj
}
return objClone
}