js里怎么判断是浅拷贝还是深拷贝

在JavaScript中判断是浅拷贝还是深拷贝，可以通过以下几种方式：通过引用类型的属性是否共享内存、通过修改嵌套对象的值、通过对比原对象和拷贝对象的嵌套属性。
其中，通过引用类型的属性是否共享内存 是一种有效的方式。可以通过修改嵌套对象的属性值，来观察原对象和拷贝对象是否同时变化。如果两者都变化，那么就是浅拷贝；如果只有拷贝对象变化，那么就是深拷贝。接下来，我们将详细探讨这些方法，并提供丰富的代码示例和经验见解。

一、浅拷贝与深拷贝的区别

在JavaScript中，浅拷贝和深拷贝是两种不同的复制对象的方式。浅拷贝只复制对象的第一层属性，而深拷贝则复制对象的所有层级的属性。

浅拷贝：

只复制对象的第一层属性。
内部的嵌套对象仍然共享相同的引用。

深拷贝：

复制对象的所有层级的属性。
内部的嵌套对象不共享引用。

二、浅拷贝的实现方式

浅拷贝可以通过多种方式实现，如Object.assign()、扩展运算符...等。下面是一些常见的浅拷贝方法：

1. 使用 `Object.assign()`

let obj1 = { a: 1, b: { c: 2 } };
let obj2 = Object.assign({}, obj1);

2. 使用扩展运算符 `...`

let obj1 = { a: 1, b: { c: 2 } };
let obj2 = { ...obj1 };

三、深拷贝的实现方式

深拷贝可以通过递归复制对象的所有层级属性来实现。常见的方法包括手动实现递归拷贝和使用JSON.parse(JSON.stringify())。下面是一些常见的深拷贝方法：

1. 使用 `JSON.parse(JSON.stringify())`

let obj1 = { a: 1, b: { c: 2 } };
let obj2 = JSON.parse(JSON.stringify(obj1));

2. 手动实现递归拷贝

function deepClone(obj) {
    if (obj === null || typeof obj !== 'object') {
        return obj;
    }
    let clone = Array.isArray(obj) ? [] : {};
    for (let key in obj) {
        if (obj.hasOwnProperty(key)) {
            clone[key] = deepClone(obj[key]);
        }
    }
    return clone;
}
let obj1 = { a: 1, b: { c: 2 } };
let obj2 = deepClone(obj1);

四、如何判断浅拷贝还是深拷贝

1. 通过引用类型的属性是否共享内存

我们可以通过修改嵌套对象的属性值，来观察原对象和拷贝对象是否同时变化。如果两者都变化，那么就是浅拷贝；如果只有拷贝对象变化，那么就是深拷贝。

示例代码：

let obj1 = { a: 1, b: { c: 2 } };
let obj2 = Object.assign({}, obj1);
obj2.b.c = 3;
console.log(obj1.b.c); // 输出 3，说明是浅拷贝
let obj3 = JSON.parse(JSON.stringify(obj1));
obj3.b.c = 4;
console.log(obj1.b.c); // 输出 3，说明是深拷贝

2. 通过修改嵌套对象的值

我们可以直接修改嵌套对象的值，来观察原对象和拷贝对象的变化情况。

示例代码：

let obj1 = { a: 1, b: { c: 2 } };
let obj2 = { ...obj1 };
obj2.b.c = 3;
console.log(obj1.b.c); // 输出 3，说明是浅拷贝
let obj3 = deepClone(obj1);
obj3.b.c = 4;
console.log(obj1.b.c); // 输出 3，说明是深拷贝

五、浅拷贝和深拷贝的应用场景

1. 浅拷贝的应用场景

浅拷贝适用于对象结构较为简单，且不需要对嵌套对象进行深层次修改的场景。例如，复制配置对象或状态对象等。

2. 深拷贝的应用场景

深拷贝适用于对象结构复杂，需要对嵌套对象进行深层次修改的场景。例如，复制大型数据结构或多层嵌套的对象等。

六、常见问题及解决方案

1. 使用 `JSON.parse(JSON.stringify())` 的局限性

这种方法虽然简单，但有一些局限性，如无法处理函数、undefined、Date、RegExp等特殊对象。

解决方案：

可以使用第三方库，如lodash的_.cloneDeep方法来实现深拷贝。

const _ = require('lodash');
let obj1 = { a: 1, b: { c: 2 } };
let obj2 = _.cloneDeep(obj1);

2. 手动实现递归拷贝的复杂性

手动实现递归拷贝虽然灵活，但实现起来较为复杂，需要处理各种边界情况。