es6 深拷贝

es6 深拷贝

在JavaScript中，深拷贝是一个常见的需求，尤其是在处理复杂的数据结构时。ES6提供了多种实现深拷贝的方法，其中最常用的是通过JSON.stringify和JSON.parse组合来实现简单的深拷贝，但这种方法存在一定的局限性。介绍几种实现深拷贝的解决方案。

方法一：使用 JSON.stringify 和 JSON.parse

这是最常见的深拷贝方法之一，适用于大多数基本数据类型。

javascript
function deepClone(obj) {
    return JSON.parse(JSON.stringify(obj));
}</p>

<p>let obj = { name: 'Alice', age: 25 };
let clonedObj = deepClone(obj);</p>

<p>console.log(clonedObj); // 输出: { name: 'Alice', age: 25 }

注意：此方法无法正确处理函数、undefined、Symbol等类型的值，并且会丢失对象原型链。

方法二：递归实现深拷贝

为了克服上述方法的限制，我们可以编写一个递归函数来实现更全面的深拷贝。

javascript
function isObject(target) {
    return (typeof target === 'object' || typeof target === 'function') && target !== null;
}</p>

<p>function deepClone(target, map = new WeakMap()) {
    if (map.get(target)) return target;</p>

<pre><code>if (target instanceof Set) {
    return new Set([...target]);
}

if (target instanceof Map) {
    return new Map([...target]);
}

if (Array.isArray(target)) {
    return target.map(item => deepClone(item, map));
}

if (isObject(target)) {
    let cloneTarget = Array.isArray(target) ? [] : {};
    map.set(target, cloneTarget);
    for (let key in target) {
        if (target.hasOwnProperty(key)) {
            cloneTarget[key] = deepClone(target[key], map);
        }
    }
    return cloneTarget;
}

return target;

}

let objWithFunc = { name: 'Alice', age: 25, sayHello: function() { console.log('Hello'); } };
let clonedObjWithFunc = deepClone(objWithFunc);

console.log(clonedObjWithFunc); // 输出: { name: 'Alice', age: 25, sayHello: [Function: sayHello] }

这种方法能够处理更多的数据类型，包括Set、Map以及含有函数的对象。

方法三：使用第三方库

如果不想自己实现深拷贝逻辑，可以借助一些成熟的第三方库，如Lodash。Lodash提供了一个cloneDeep方法，可以轻松实现深拷贝。

javascript
const _ = require('lodash');</p>

<p>let complexObj = { name: 'Alice', age: 25, hobbies: ['reading', 'swimming'] };
let clonedComplexObj = _.cloneDeep(complexObj);</p>

<p>console.log(clonedComplexObj); // 输出: { name: 'Alice', age: 25, hobbies: [ 'reading', 'swimming' ] }

这种方法简单易用，适合需要快速实现深拷贝功能的场景。

根据具体需求选择合适的深拷贝方法非常重要。对于简单的对象，可以使用JSON.stringify和JSON.parse；对于复杂的对象，建议使用递归方法或第三方库。