实现深拷贝

在JavaScript中，实现深拷贝（Deep Copy）有多种方法，每种方法有其适用场景和优缺点。下面是几种常见的深拷贝实现方式：

1. 使用JSON方法
   这是最简单的方法之一，适用于对象或数组的深拷贝。

function deepCopyWithJSON(obj) {
    return JSON.parse(JSON.stringify(obj));
}
 
const original = { a: 1, b: { c: 2 } };
const copied = deepCopyWithJSON(original);
console.log(copied); // { a: 1, b: { c: 2 } }

注意：这种方法无法复制函数、undefined、symbol等特殊类型的值，并且会忽略对象中的getters和setters。

2. 使用递归
   对于复杂对象或当需要特殊处理（如复制函数、特殊对象等）时，可以使用递归方法。

function deepCopyWithRecursion(obj, hash = new WeakMap()) {
    if (obj === null) return null;
    if (typeof obj !== "object") return obj;
    if (hash.has(obj)) return hash.get(obj); // 处理循环引用
 
    let copy;
    if (Array.isArray(obj)) {
        copy = [];
    } else {
        copy = {};
    }
    hash.set(obj, copy); // 存储原始对象和其副本的映射，以处理循环引用
 
    for (let key in obj) {
        if (obj.hasOwnProperty(key)) {
            copy[key] = deepCopyWithRecursion(obj[key], hash);
        }
    }
    return copy;
}
 
const original = { a: 1, b: { c: 2 } };
const copied = deepCopyWithRecursion(original);
console.log(copied); // { a: 1, b: { c: 2 } }

3. 使用structuredClone()（现代浏览器）
   structuredClone()是ES2019引入的，它可以复制一个对象或数组，并且可以处理循环引用、函数、Blob、File等复杂数据类型。

function deepCopyWithStructuredClone(obj) {
    return structuredClone(obj);
}
 
const original = { a: 1, b: () => 2 }; // 包含函数的示例
const copied = deepCopyWithStructuredClone(original);
console.log(copied); // { a: 1, b: [Function] }

4. 使用库（如Lodash）
   Lodash提供了强大的工具函数，包括_.cloneDeep()，可以方便地进行深拷贝。

const _ = require('lodash'); // 或使用 import _ from 'lodash'; 在ES6模块中
const original = { a: 1, b: { c: 2 } };
const copied = _.cloneDeep(original);
console.log(copied); // { a: 1, b: { c: 2 } }

选择哪种方法？
如果你的环境支持ES2019及以上，并且需要处理复杂数据类型（如Blob、File、函数等），推荐使用structuredClone()。
如果需要兼容旧浏览器或者不想引入额外的库，可以选择使用递归方法或JSON方法。递归方法更为灵活，可以处理更复杂的情况，如循环引用。
如果追求简单且不介意增加依赖，使用Lodash的_.cloneDeep()是一个不错的选择。这种方法易于维护，且功能强大。