JavaScript deepCopy和shallowCopy之间的区别
浅拷贝和深拷贝与语言无关。浅拷贝应尽可能少地重复。集合的浅表副本是集合结构的副本,而不是元素。对于浅表副本,现在两个集合共享各个元素。
示例
let innerObj = { a: 'b', c: 'd' } let obj = { x: "test", y: innerObj } //创建一个浅表副本。 let copyObj = Object.assign({}, obj); //现在,copyObj和obj的属性y都引用相同的innerObj。对此的任何更改都会反映出来。 innerObj.a = "test" console.log(obj) console.log(copyObj)
输出结果
{ x: 'test', y: { a: 'test', c: 'd' } } { x: 'test', y: { a: 'test', c: 'd' } }
请注意,浅表副本不会递归创建克隆。它只是在顶层执行。
深层副本会复制所有内容。集合的深层副本是两个集合,其中原始集合中的所有元素都被克隆。
示例
let innerObj = { a: 'b', c: 'd' } let obj = { x: "test", y: innerObj } //创建一个深拷贝。 let copyObj = JSON.parse(JSON.stringify(obj)) //现在,copyObj和obj的属性y都引用相同的innerObj。对此的任何更改都会反映出来。 innerObj.a = "test" console.log(obj) console.log(copyObj)
输出结果
{ x: 'test', y: { a: 'test', c: 'd' } } { x: 'test', y: { a: 'b', c: 'd' } }