1.在撸深拷贝之前我们来了解一下什么是浅拷贝
浅拷贝是会将对象的每个属性进行依次复制，但是当对象的属性值是引用类型时，实质复制的是其引用，当引用指向的值改变时也会跟着变化。
Object.assign、 扩展运算符...、Array.prototype.slice()、Array.prototype.concat()等等...
2.深拷贝
深拷贝后的对象与原来的对象是完全隔离的，互不影响，对一个对象的修改并不会影响另一个对象
常用JSON.parse(JSON.stringify())但是会有点小问题,大家注意一下
1、如果obj里面有时间对象，时间将只是字符串的形式。而不是时间对象
2、如果obj里有正则RegExp、Error对象，则序列化的结果将只得到空对象
3、如果obj里有函数func()，undefined，则序列化的结果会把函数或 undefined丢失
4、如果obj里有NaN、Infinity和-Infinity，则序列化的结果会变成null
示例:
let a={
b:12,
c:'asd',
e:'null',
i:undefined,
func:function(){
console.log("这是一个func")
},
date: [new Date(1536627600000), new Date(1540047600000)],
reg: new RegExp('\\w+')
}
let copy = JSON.parse(JSON.stringify(a))
a.i = 9999
a.b = 9999
console.log(a) //{b: 9999, c: "asd", e: "null", i: 9999, func: ƒ, …}
console.log(copy)
//{b: 12, c: "asd", e: "null", date: Array(2), reg: {…}}
b: 12
c: "asd"
date: (2) ["2018-09-11T01:00:00.000Z", "2018-10-20T15:00:00.000Z"]
e: "null"
reg: {}
好了,不多说了,简单的深拷贝如下:
let obj={
a:1,
arr:[1,2],
obj:{
name:'zou xiao bai',
arrary: ['a', 'b'],
},
get:function(){
console.log("这是一个getfunc")
}
}
let newObj= {}
function copyObj(obj, newObject){
for(let key in obj){
if(obj[key] instanceof Object &&!(obj[key] instanceof Array)&&!(obj[key] instanceof Function)){
newObject[key] = {}
copyObj(obj[key] , newObject[key])
}else if(obj[key] instanceof Array) {
newObject[key] = []
copyObj(obj[key] , newObject[key])
}else {
newObject[key] = obj[key]
}
}
}
copyObj(obj, newObj)
console.log(obj)
obj.a=999
obj.obj.name='zhangsanfeng'
console.log(obj)
console.log(newObj)
打印结果:
