21. Object.assign 和扩展运算法是深拷贝还是浅拷贝, 两者区别？

MossGrower

于 2022-08-31 09:25:30 发布

阅读量897

点赞数

分类专栏： Javascript 文章标签： Object.assign 扩展运算符深拷贝浅拷贝

本文链接：https://blog.csdn.net/m0_51180924/article/details/126617058

版权

32 篇文章

订阅专栏

let outObj = {
    inObj: {a: 1, b: 2}
}
let newObj = {...outObj}
newObj.inObj.a = 2
console.log(outObj) // {inObj: {a: 2, b: 2}}

let outObj = {
    inObj: {a: 1, b: 2}
}
let newObj = Object.assign({}, outObj)
newObj.inObj.a = 2
console.log(outObj) // {inObj: {a: 2, b: 2}}

可以看到, 两者都是浅拷贝。

Object.assign() 方法接收的第一个参数作为目标对象, 后面的所有参数作为源对象。然后把所有的源对象合并到目标对象中。它会修改了一个对象, 因此会触发 ES6 setter。
扩展操作符 … 使用它时, 数组或对象中的每一个值都会被拷贝到一个新的数组或对象中。它不复制继承的属性或类的属性, 但是它会复制 ES6 的 symbols 属性。