前端面试题之——说一说深浅拷贝，都是怎么实现的？

青玄叶鹤

已于 2022-11-11 18:07:36 修改

阅读量750

点赞数

分类专栏：找不到工作只能积累面试题文章标签：前端 javascript

于 2022-10-31 15:48:53 首次发布

本文链接：https://blog.csdn.net/weixin_45678985/article/details/127612700

版权

3 篇文章 0 订阅

订阅专栏

首先，基本数据类型没有深浅拷贝之分，基本数据类型存储在栈内存中，每一次赋值都会在栈中开辟一片新空间存放值，但是复杂数据类型要区分深拷贝和浅拷贝

在发生赋值操作时，比如b = a (a,b都是复杂数据类型)，这实际上是把a的引用给了b，大家都知道复杂数据类型的值是存放在堆里面的，栈中存放的是数据在堆中的地址，这个时候发现，当修改了a中的值，b中的值也会改变，这就产生了不是我们本意的修改。这就是浅拷贝

展开语法：Spread syntax (…)
数组原型方法concat()：合并数组并返回新数组，数组中元素是复杂数据类型，返回调用此方法的浅拷贝
数组原型方法slice()：返回一个新数组，根据参数begin和end决定的原数组的浅拷贝(包括begin不包括end)原数组不改变
Array.from()方法：对一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例，第一个参数是一个想转换为数组的伪数组或可迭代对象，第二个参数是一个回调函数，如果指定了该参数，新数组中每个元素都会执行该回调函数，第三个参数是第二个参数回调函数的this对象
Object.assign()方法：Object.assign()方法只会拷贝可枚举的自身的属性到目标对象，第一个参数是目标对象，第二个参数是源对象，如果第二个源对象和目标对象里面含有相同的属性，那么目标对象中的属性会被覆盖

复杂类型的深拷贝，比如b想深拷贝a，那b就要在堆里面开辟一个新的空间，把a的值复制到新的存储空间里，这样b和a在栈中存储的地址是不一样的，也就是说b和a只有内在的值是一样的，此时b被修改a也不会被修改了

JSON.stringify()：将对象转换为JSON字符串，然后使用JSON.parse()将字符串转换回（全新的）JavaScript对象（但是有缺陷：许多JavaScript对象根本不可序列化，例如函数(带闭包)、Symbol、在HTML DOM API中表示HTML元素的对象、递归数据以及许多其他情况。在这些情况下，调用JSON.stringify()来序列化对象将会失败。所以没有办法对这样的物体进行深度复制。）
structuredClone()：优点是允许将源中的可转移对象转移到新副本（转移之后原件会被清除），不仅仅是克隆，但是请注意，structuredClone()并不是JavaScript语言本身的一个特性，而是浏览器和任何其他实现像window这样的全局对象的JavaScript运行时的一个特性，调用structuredClone()来克隆一个不可序列化的对象将会失败，和JSON.stringify()一样。