Object.assign() {...obj} JSON.Parse 等几种拷贝的区别

let obj = {

age: 10

}

let obj1 = {

grade: 1,

name: {

first: 'bob'

}

}

let objS = obj1

let objA = Object.assign(obj, obj1)

let objJ = JSON.parse(JSON.stringify(obj1))

let objK = { ...obj1 }

console.log(objA)

console.log(objJ)

console.log(objK)

obj1.grade = 9

obj1.name.first = 'chris'

console.log(objS)

console.log(objA)

console.log(objJ)

console.log(objK)

 

 

打印结果:

{ age: 10, grade: 1, name: { first: 'bob' } }

{ grade: 1, name: { first: 'bob' } }

{ grade: 1, name: { first: 'bob' } }

{ grade: 9, name: { first: 'chris' } }

{ age: 10, grade: 1, name: { first: 'chris' } }

{ grade: 1, name: { first: 'bob' } }

{ grade: 1, name: { first: 'chris' } }

结论: 由于对象创建在堆上 栈上的变量保存其地址 所以也叫指针变量

浅拷贝 如let simpleObj = obj;

则只拷贝了 obj在栈上的指针变量给 simpleObj 也就是说simpleObj实际存储的值是 obj的对象的内存地址 指向与 obj同样的堆内存地址 所以改变 obj的值 simpleObj 的值也会改变

深拷贝 就是copy了一份对象 放在另一块堆内存地址  改变之前的对象 对这个复制的对象不会有任何影响

js里有几种深拷贝方式

Object.assign() 不算深拷贝 也不算浅拷贝 一级拷贝 如果内层还有引用类型 就是浅拷贝了

... 扩展和 assign 一样

JSON.parse(JSON.Stringify()) 深拷贝 但是缺点是不能拷贝 constructor 方法 解决办法就是递归