js实现深拷贝和浅拷贝（js实现深拷贝和浅拷贝的方法）

科技前沿 • 2025-05-07 09:28 • 阅读 46

大家好，我是讯享网，很高兴认识大家。

在 JavaScript 开发工作中，我们经常会碰到需要进行深拷贝的情况，而且在面试中也经常会问到这个问题，那么什么是浅拷贝，什么是深拷贝？

关于浅拷贝的概念，我在网上看到一种说法，直接上代码。

但是我个人认为，上面这个根本不涉及拷贝，只是一个简单的引用赋值。以我的理解，浅拷贝应该是不考虑对象的引用类型的属性，只对当前对象的所有成员进行拷贝，代码如下：

讯享网

上面这段代码中，对象拥有两个基本类型的属性和，一个引用类型的属性，当使用如上方法进行拷贝的时候，和属性会被正常的拷贝，但是属性，只会进行引用的拷贝，这样会导致拷贝出来的对象和会共用一个对象。这样就是所谓的浅拷贝。

深拷贝的就是在拷贝的时候，需要将当前要拷贝的对象内的所有引用类型的属性进行完整的拷贝，也就是说拷贝出来的对象和原对象之间没有任何数据是共享的，所有的东西都是自己独占的一份。

实现深拷贝需要考虑如下几个因素：

我们可以通过方法来完成深复制。值得庆幸的是，我们在中可以通过添加一个参数来实现递归。调用就可以实现深复制，参考下面的例子:

但是的这个方法，有弊端，什么弊端呢？我们看下面的例子：

讯享网

也就是说，中的并没有处理循环引用的问题。

使用全局对象的和方法来实现深复制也算是一个简单讨巧的方法。

然而使用这种方法会有一些隐藏的坑，它能正确处理的对象只有 , , , , 扁平对象，即那些能够被直接表示的数据结构。

下面我们给出一个简单的解决方案，当然这个方案是参考别人的方式来实现的。希望对大家有用。

讯享网

以上就是关于拷贝的一些知识了，希望对大家有所帮助，对有兴趣的同学可以看一下教程

JavaScript教程：https://www.w3cschool.cn/javascript/

JavaScript微课：https://www.w3cschool.cn/minicourse/play/jscourse