2025年js深拷贝和浅拷贝的区别（js深拷贝和浅拷贝的区别简书）

科技前沿 • 2025-05-25 22:36 • 阅读 46

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

 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path> </svg>

讯享网

数据类型存储

中存在两大数据类型：

基本类型
引用类型

基本类型数据保存在栈内存中
引用类型数据保存在堆内存中，引用数据类型的变量是一个指向堆内存中实际对象的引用，存在栈中

讯享网

浅拷贝

浅拷贝，指的是创建新的数据，这个数据有着原始数据属性值的一份精确拷贝
如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的就是内存地址
即浅拷贝是拷贝一层，深层次的引用类型则共享内存地址

在中，存在浅拷贝的现象有：

，
使用扩展运算符实现的复制

Object.assign

讯享网

slice()

concat()

讯享网

扩展运算符

手动实现浅拷贝

讯享网

深拷贝

.cloneDeep()
JQuery.extend()
JSON.stringify()
手写循环递归

.clineDeep()

JQuery.extend()

讯享网

JSON.stringify()

这种方法存在弊端：

无法处理特殊对象：
- ：转为日期字符串
- 、：会变成空对象
- 、：会被忽略
- ：报错
无法处理特殊数值：
- 、、：会变成null
无法复制原型链上的方法和属性
这种方法只能获取对象的可枚举属性，无法获取到原型链上的方法或属性
循环引用问题
当对象存在顿换引用关系时，会抛出错误
精度丢失
对于非常大或非常小的数值，可能会造成精度丢失
不支持自定义类类型

手写循环递归

讯享网