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 clone = _.cloneDeep(value);

4. 使用MessageChannel：

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

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