JavaScript中直接赋值、浅拷贝和深拷贝的区别

一、直接赋值

        将一个对象的引用直接赋给另一个变量，两个变量指向同一个内存地址，共享一个数据源。如果其中一个变量修改了对象的属性，另一个变量也会受到影响，因为它们共享相同的数据源。

let obj = {name:'1', age:'2'}
let obj1 = obj

二、浅拷贝

       创建一个新的对象或数组，并将原始对象或数组的属性或元素复制到新对象或数组中。浅拷贝只复制第一层的属性或元素，对于嵌套的对象或数组，仍然是共享引用。也就是说，新的对象修改了基本数据类型的属性后，原对象不会变化，而修改了嵌套的对象或数组，原对象会改变。

let obj1 = { name: 'Alice', age: 30 };
let obj2 = { ...obj1 };

let obj1 = { name: 'Alice', age: 30 };
let obj2 = Object.assign({}, obj1);

//仅适用于数组的浅拷贝
let arr1 = [1, 2, 3];
let arr2 = arr1.slice();

三、深拷贝

        创建一个新的对象，新对象与原对象完全独立，它们拥有不同的内存地址和数据源。修改新对象的属性不会影响原对象，包括嵌套对象或数组也是独立的，即深拷贝。

//使用 JSON 序列化和反序列化
let obj1 = { name: 'Alice', address: { city: 'New York', country: 'USA' } };
let obj2 = JSON.parse(JSON.stringify(obj1));
//此方法有一些限制，例如不能复制函数、正则表达式、循环引用等

//使用递归方式手动复制对象或数组的属性或元素
function deepCopy(obj) {
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }
  
  let copy = Array.isArray(obj) ? [] : {};
  
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      copy[key] = deepCopy(obj[key]);
    }
  }
  
  return copy;
}

let obj1 = { name: 'Alice', address: { city: 'New York', country: 'USA' } };
let obj2 = deepCopy(obj1);

//使用第三方库，例如 lodash 的 cloneDeep() 方法
const _ = require('lodash');
let obj1 = { name: 'Alice', address: { city: 'New York', country: 'USA' } };
let obj2 = _.cloneDeep(obj1);