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 方法 解决办法就是递归