前端 JavaScript 基础面试题, Object.assign 和对象扩展运算符有什么区别?是深拷贝还是浅拷贝?

Step 1

Q:: Object.assign 和对象扩展运算符有什么区别？是深拷贝还是浅拷贝？

A:: Object.assign 和对象扩展运算符 (...) 都用于对象的合并，但它们都是浅拷贝。Object.assign 会将一个或多个源对象的所有可枚举属性复制到目标对象。对象扩展运算符则是将一个对象的所有可枚举属性拷贝到新对象中。由于这两种方法都只对第一层属性进行拷贝，如果源对象中有嵌套对象，那么这些嵌套对象的引用会被拷贝，而不是嵌套对象的值。因此它们都只能进行浅拷贝。

Step 2

Q:: 什么是深拷贝，什么是浅拷贝？

A:: 浅拷贝是指创建一个新对象，这个对象有着原始对象属性值的精确副本。如果属性是基本类型，拷贝的就是基本类型的值；如果属性是引用类型，拷贝的就是引用地址。因此，如果一个对象通过浅拷贝进行复制，当一个对象的属性值改变时，另一个对象的相应属性值也会改变。深拷贝是指将一个对象从内存中完整的拷贝出来，在堆内存中重新分配一块内存给新对象，且修改新对象不会影响旧对象。通常可以使用 JSON.parse(JSON.stringify(obj)) 来实现深拷贝，但这种方法有其局限性，比如无法拷贝函数、undefined、循环引用等。

Step 3

Q:: 如何实现一个深拷贝？

A:: 实现深拷贝的方法有很多，最简单的方式是使用 JSON.parse(JSON.stringify(obj))。然而这种方法不能处理函数、undefined、循环引用等情况。为了更完善地实现深拷贝，可以使用递归来复制每一层对象的属性。第三方库如 lodash 的 _.cloneDeep 也提供了方便的深拷贝功能。