JS 如何深拷贝对象？

Question

JS 如何深拷贝对象？

仓乃文 · Accepted Answer

深拷贝是创建一个对象的完整副本，包括所有嵌套对象。浅拷贝只拷贝引用，深拷贝才能真正独立。

structuredClone（现代方案，推荐）：
```javascript
const deepClone = structuredClone(obj);
```

JSON 方案（简单但有局限）：
```javascript
const deepClone = JSON.parse(JSON.stringify(obj));
```

递归手写实现（完整控制）：
```javascript
function deepClone(obj, hash = new WeakMap()) {
  if (obj === null || typeof obj !== "object") return obj;
  if (hash.has(obj)) return hash.get(obj);  // 处理循环引用
  const clone = Array.isArray(obj) ? [] : {};
  hash.set(obj, clone);
  for (const key of Object.keys(obj)) {
    clone[key] = deepClone(obj[key], hash);
  }
  return clone;
}
```

补充说明：
- JSON 方案无法拷贝函数、undefined、Symbol、Date、正则等
- structuredClone 是浏览器内置的原生方法，可拷贝大部分数据类型
- 递归方案可以处理循环引用（用 WeakMap 记录已拷贝的对象）
- 第三方库 lodash 的 cloneDeep 处理更完善