用最直白的话带你理解JavaScript深浅复制-CSDN博客

本文深入探讨JavaScript中的深复制和浅复制概念。深复制是指创建数据的完整副本，改变副本不会影响原始数据；而浅复制则是复制引用，改变其中一个会影响另一个。通过实例解析了如何实现深浅复制，并通过代码展示了它们的区别，帮助读者更好地理解和应用这两种复制方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用最直白的话带你理解JavaScript深浅复制

要理解深浅复制前,我们要知道什么是深浅复制

深复制：直接将数据赋值给对应的变量

// 这些直观的数据 赋值给变量就是深复制
let num = 1;
let str ="str";
let nums = [1,2,3]

浅复制：多个变量共同指向堆内的同一个内容/地址

//此时a 和 b 共同指向堆内的同一个内容即 [4,5,6] 
let a = [4,5,6]
let b = a;

深入一下

浅复制就是把地址赋值给对应的变量，并不是直接赋值数据，类似于指针。所以改变 a 的值时，b 的值也发生相应的改变，因为此时 a、b 的地址是一致的。

深复制是直接将数据赋值给变量，变量 a、b 的地址是不一致的，所以当 a 的值发生改变时，b 的值不会发生改变。

实践一下

function f(e){
    // 两个return是为了高亮 执行①就注释② 执行②就注释① 

    //e 直接重新赋值 并不会改变 nums
    return e = [4,5,6] // ①
    //e 单个赋值 会改变  nums
    return e[0] = 3  // ②
}

let nums =[7,8,9]; 
f(nums);
console.log(nums); 
/**
 * ①[7,8,9]
 * ②[3,8,9]
 */