object.assign和扩展运算法是深拷⻉还是浅拷⻉

`Object.assign` 方法和扩展运算符都进行的是浅拷贝，而不是深拷贝。

浅拷贝意味着拷贝的是对象的引用，而不是对象本身。当使用 `Object.assign` 方法或者扩展运算符进行对象拷贝时，目标对象会获取源对象的属性值，但是如果属性值是对象，则只会拷贝对象的引用，而不是创建一个新的相同对象。

这意味着当你修改目标对象的属性值时，源对象的相应属性也会被修改。而如果你修改源对象的属性值，目标对象对应的属性值不会受到影响。

如果你需要进行深拷贝，即创建一个完全独立的对象副本，可以使用其他方法，比如递归复制对象的每个属性，或者使用库函数（如 lodash 的 `cloneDeep` 方法）来实现深拷贝。

相关问题

object.assign和扩展运算法是深拷贝还是浅拷贝，两者区别

`Object.assign()` 和扩展运算符 `...` 都是浅拷贝。

浅拷贝是指只复制对象的一层属性，如果对象属性值是引用类型，则只是复制了引用地址，而不是复制整个引用对象。

举个例子，假设我们有一个对象 `obj1`：

const obj1 = { 
  name: 'Bob',
  age: 20,
  skills: ['JavaScript', 'CSS', 'HTML']
};

如果我们使用 `Object.assign()` 或者扩展运算符 `...` 来将 `obj1` 赋值给另外一个变量 `obj2`，并修改 `obj2` 的 `skills` 属性：

const obj2 = Object.assign({}, obj1);
obj2.skills.push('React');

console.log(obj1); // { name: 'Bob', age: 20, skills: ['JavaScript', 'CSS', 'HTML', 'React'] }
console.log(obj2); // { name: 'Bob', age: 20, skills: ['JavaScript', 'CSS', 'HTML', 'React'] }

可以看到，`obj1` 和 `obj2` 的 `skills` 属性都被修改了，这是因为 `Object.assign()` 和扩展运算符 `...` 只复制了 `obj1` 的一层属性，而 `skills` 属性是一个数组，只是复制了数组的引用地址，所以两个对象的 `skills` 属性指向同一个数组。

如果想要实现深拷贝，可以使用其他方法，如递归遍历对象并复制每一个属性，或者使用第三方库如 `lodash` 的 `cloneDeep()` 方法。

Object.assign()浅拷贝还是深拷贝

Object.assign()是浅拷贝[^1][^2]。

浅拷贝是指在拷贝对象时，只复制对象的引用而不是对象本身。当使用Object.assign()进行拷贝时，如果源对象的属性值是基础类型，那么拷贝的属性值是深拷贝的；但如果源对象的属性值是引用类型，那么拷贝的属性值只是复制了引用，而不是真正的拷贝对象本身，所以是浅拷贝。

举个例子，假设有一个源对象obj，其中有一个属性是引用类型的数组arr：

let obj = { arr: [1, 2, 3] };

使用Object.assign()进行拷贝：

let obj2 = Object.assign({}, obj);

此时，obj2中的arr属性与obj中的arr属性指向同一个数组对象，即它们共享同一个引用。如果修改obj2中的arr属性，那么obj中的arr属性也会受到影响，因为它们指向同一个数组对象。

obj2.arr.push(4);
console.log(obj.arr); // 输出：[1, 2, 3, 4]

所以，Object.assign()是浅拷贝，对于引用类型的属性值只是复制了引用，而不是真正的拷贝对象本身。