深浅拷贝的区别: 深浅拷贝是针对对象和数组而言的,基本数据类型不存在深浅拷贝;浅拷贝只会拷贝对象或数组的引用,深拷贝会递归拷贝对象的属性的值。
解构和Object.assign都是浅拷贝(如果数组是一维的或者对象只有一层属性,则为深拷贝)
手写深拷贝:
- 方法一:手写clone方法
var deepClone = function(obj) {
// 判断是不是复杂数据类型
if (typeof obj == 'object') {
// 判断是数组还是对象
var result = obj.constructor == Array ? [] : {}
for (var key in obj) {
// 判断该属性是复杂数据类型,还是基本数据类型
result[key] = typeof obj[key] == 'object' ? deepClone(obj[key]) : obj[key]
}
} else {
var result = obj
}
return result
}
- 方法二:借助JSON,如果对象中有 function ,则不能使用该方法
var target = JSON.parse(JSON.stringify(sourse))