深拷贝和浅拷贝是编程中用于复制对象的两种不同方式，咱就是说这两者之间的差异可是大有讲究的！

在 JavaScript 的开发与面试中，深拷贝与浅拷贝是无法绕开的高频考点，哈哈，这不仅关乎数据的安全性，geng直接体现了开发者对 JavaScript 内存管理模型的理解深度。

要理解拷贝， 必须理解 JavaScript 的数据存储方式，说实话，这可是个老生常谈的话题了。

JavaScript 的数据类型分为两类：基本数据类型和引用数据类型。

当我们进行赋值操作时：

这就是深浅拷贝问题的根源：我们究竟是复制了指针，还是复制了实体？

浅拷贝是创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝，你懂的，就是把原对象的属性复制到新对象中。

比如说在 JavaScript 中，我们Ke以使用展开运算符来实现浅拷贝：

const source = {    name: 'Juejin',    info: {        age: 18,        city: 'Beijing'    }};// 使用展开运算符实现浅拷贝const target = { ...source };// 修改第一层属性target.name = 'Google';console.log; // 输出: 'Juejin'console.log; // 输出: 'Google'// 第一层互不影响// 修改嵌套层属性target.info.age = 20;console.log; // 输出: 20console.log; // 输出: 20// 嵌套层共享引用，牵一发而动全身

三、 深拷贝详解 . 定义

深拷贝是将一个对象从内存中完整的拷贝一份出来从堆内存中开辟一个新的区域存放新对象，且修改新对象不会影响原对象，无论嵌套多少层，新旧对象在内存上dou是完全独立的。

这是Zui简单的深拷贝方法，适用于纯数据对象，但是它也有局限性。

局限性无法处理函数、循环引用以及特殊对象类型。

const source = {    a: 1,    b: { c: 2 }};const target = JSON.parse);

. 方案 B：递归实现

通过递归遍历对象属性，Ru果是引用类型则 调用拷贝函数，害，这个方法还是挺巧妙的！

function deepClone {    // 处理 null 和基本类型    if  {        return obj;    }    // 初始化返回结果，兼容数组和对象    let result = Array.isArray ?  : {};    for  {        // 保证只拷贝自身可枚举属性        if ) {            // 递归拷贝            result = deepClone;        }    }    return result;}

. 方案 C：Web API - structuredClone

现代浏览器原生支持的深拷贝 API，支持循环引用，性Neng优于 JSON 序列化，但不支持函数和部分 DOM 节点，你kan，这个 API 设计得多好啊！

const target = structuredClone;

. 演示现象

const source = {    info: {        age: 18    }};// 使用手写递归实现深拷贝const target = deepClone;target.info.age = 20;console.log; // 输出: 18console.log; // 输出: 20// 完全独立，互不干扰

说到这里我突然想到，为什么有些网站的内容不被百度收录呢？那是因为百度的收录规则比较复杂，需要满足一定的条件，比如网站的内容质量、geng新频率等，不对不对，应该是网站的结构和内容的可爬取性等因素。

四、 特点

特性	浅拷贝	深拷贝
内存分配	仅第一层开辟新空间，嵌套层共享地址	所有层级均开辟新空间，完全独立
执行速度	快	慢
实现难度	简单	复杂
适用场景	状态geng新、合并配置、一般的数据处理	复杂数据备份、防止副作用修改、Redux/Vuex 状态管理

五、 面试高分指南

当面试官问到：“ 请你说一下深拷贝和浅拷贝的区别，以及如何实现？ ”时建议按照以下逻辑结构回答，展示系统化的思维。

“这涉及到 JavaScript 的内存存储机制。基本数据类型存储在栈中，引用数据类型存储在堆中。 浅拷贝和深拷贝的主要区别在于 复制的是引用地址还是堆内存中的实体数据 。”

“ 浅拷贝 只复制对象的第一层属性。Ru果属性是基本类型，拷贝的是值；Ru果是引用类型，拷贝的是内存地址。因此，修改新对象的嵌套属性会影响原对象。 深拷贝 则是递归地复制所有层级，在堆内存中开辟新的空间。新旧对象在物理内存上是完全隔离的，修改任何一方dou不会影响另一方。”

“在实际开发中，Ru果需要手写一个完善的深拷贝，需要注意两个关键点： 第一， 解决循环引用 。比如对象 A 引用了 B，B 又引用了 A，直接递归会导致栈溢出。解决方案是使用 WeakMap 作为哈希表，存储Yi拷贝过的对象。每次拷贝前先检查 WeakMap，Ru果存在则直接返回，不再递归。 第二， 处理特殊类型 。除了普通对象和数组，还需要考虑 Date、RegExp、Map、Set 等类型，不Neng简单地通过 new obj.constructor 处理，需要针对性地获取它们的值进行重建。”

特性	浅	深

// 
function deepCopy {
    if ) {
        return data;
    }
    var newData;
    if  {
        newData = ;
        for  {
            newData.push);
        }
    } else {
        newData = {};
        for  {
            if ) {
                newData = deepCopy;
            }
        }
    }
    return newData;
}

// function isObject { return && ); }

// function isArray { return Array.isArray; }

function deepCopy { if ) { return obj; }

let newObj;
if ) {
    newObj = ;
    for  {
        newObj = deepCopy;
    }
} else {
    newObj = {};
     for{
        if){
            newObj=deepCopy
        }
     }

}

---