如何正确使用JavaScript进行对象复制并理解面向对象编程？

JavaScript 中的对象复制是一个常见的操作，特别是在面向对象编程中，对象复制意味着创建一个新对象，并将现有对象的属性复制到新对象中，在 JavaScript 中，可以使用多种方法来复制对象，包括使用Object.assign()、展开运算符（spread operator）、JSON.parse() 和JSON.stringify() 等。

1. 浅拷贝 (Shallow Copy)

浅拷贝是创建一个新对象，然后将原对象的属性值逐一复制到新对象中，如果属性值是基本数据类型（如数值、字符串、布尔值），则这些值会被正确复制，但如果属性值是引用类型（如对象、数组），则只复制其引用，而不复制对象本身，这意味着如果原对象的属性值被修改，拷贝的对象中相应的属性也会受到影响。

使用Object.assign()

const original = { a: 1, b: 2, c: { d: 3 } };
const shallowCopy = Object.assign({}, original);

使用展开运算符

const original = { a: 1, b: 2, c: { d: 3 } };
const shallowCopy = { ...original };

2. 深拷贝 (Deep Copy)

深拷贝会复制对象的所有层级，包括所有嵌套的对象，这意味着原始对象和新对象是完全独立的，对其中一个的修改不会影响另一个。

使用JSON.parse() 和JSON.stringify()

const original = { a: 1, b: 2, c: { d: 3 } };
const deepCopy = JSON.parse(JSON.stringify(original));

注意：这种方法有局限性，例如不能处理函数和循环引用。

3. 相关问题与解答

Q1:Object.assign() 和展开运算符进行的是浅拷贝还是深拷贝？

A1:Object.assign() 和展开运算符进行的都是浅拷贝，它们只复制对象的最顶层属性，如果有嵌套对象，则只复制引用。

Q2: 如何实现一个自定义的深拷贝函数？

A2: 可以通过递归来实现一个自定义的深拷贝函数，以下是一个简单示例：

function deepCopy(obj) {
  if (obj === null || typeof obj !== 'object') {
    return obj;
  }
  let copy = Array.isArray(obj) ? [] : {};
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      copy[key] = deepCopy(obj[key]);
    }
  }
  return copy;
}

这个函数首先检查输入是否为对象，如果不是，则直接返回，然后它创建一个新的对象或数组来存放复制的值，通过递归调用deepCopy() 来处理嵌套的对象和数组。