JS实现深拷贝的4种方法

在JavaScript中，实现深度复制有多种方法。以下是四种常见的方法：

1. 使用JSON.parse和JSON.stringify：

function deepClone(obj) {
    return JSON.parse(JSON.stringify(obj));
}

2. 递归复制：

function deepClone(obj) {
    if (obj === null || typeof obj !== 'object') {
        return obj;
    }
 
    if (obj instanceof Date) {
        return new Date(obj.getTime());
    }
 
    if (obj instanceof Array) {
        return obj.reduce((arr, item, i) => {
            arr[i] = deepClone(item);
            return arr;
        }, []);
    }
 
    if (obj instanceof Object) {
        return Object.keys(obj).reduce((newObj, key) => {
            newObj[key] = deepClone(obj[key]);
            return newObj;
        }, {});
    }
}

3. 使用lodash的cloneDeep方法：

const _ = require('lodash');
const clonedObj = _.cloneDeep(obj);

4. 使用MessageChannel（适合大型数据结构）：

function deepClone(obj) {
    const { port1, port2 } = new MessageChannel();
    port2.onmessage = (e) => {
        port1.postMessage(e.data);
    };
    port1.postMessage(obj);
    return port2.getMessage();
}

这四种方法各有优缺点，选择哪种方法取决于具体场景和需求。