如何深入探讨JavaScript中的深拷贝与浅拷贝的区别及实现方法？

本文共计1379个文字，预计阅读时间需要6分钟。

在讨论JS中的深浅拷贝之前，我们首先需要了解JS中的数据类型，分为基本数据类型与引用数据类型。基本数据类型没有深浅拷贝的概念，而引用数据类型则涉及深浅拷贝。深拷贝主要针对引用数据类型，主要针对对象。

一、浅拷贝浅拷贝指的是拷贝引用，即拷贝指针，不拷贝对象。

二、深拷贝深拷贝则是拷贝对象，创建一个新的对象，然后将原对象的每个属性值复制到新对象上。

在说JS中深浅拷贝之前，我们需要对JS中的数据类型有所了解，分为基本数据类型与引用数据类型，对于基本数据类型并没有深浅拷贝的说法，深浅拷贝主要针对引用数据类型。

一、浅拷贝

浅拷贝只复制了引用，并没有复制值。在JS中最简单的浅拷贝就是利用“=”赋值操作符来实现。

var obj1 = { a:1, b:[2,3,4], c:{name:'tanj'}, fun:function(){ console.log('fun') } } var obj2 = obj1 obj2.a = 666 /* 修改obj2的值，obj1的值也随之改变 */ console.log(obj1) /* {a: 666, b: Array(3), c: {…}, fun: ƒ} */

上述代码中，我们修改obj2的值，obj1的值也随之发生了改变，使用”=“只实现了浅拷贝。

二、深拷贝

深拷贝是对目标的完全拷贝，进行深拷贝后的两个值互不影响。