2025年js深拷贝和浅拷贝的区别（js深拷贝和浅拷贝的区别是什么）

科技前沿 • 2025-04-19 18:44 • 阅读 63

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

 <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>

讯享网

区别：浅拷贝之后的对象，对于新产生的对象，对于新对象的修改，会对原来的对象产生同样的改变，也就是浅拷贝拷贝了内容和地址，对于深拷贝只是拷贝了内容，不会对原来的对象进行修改。

通常情况下普通变量的赋值都是深拷贝，引用类型属于浅拷贝。

讯享网

深拷贝演示

let temp = 100;
let tempCopy = temp;
tempCopy = 10000;
console.log("temp: " + temp)
console.log("tempCopy: " + tempCopy)

运行结果
从这个结果可以看出来，当我修改tempCopy的时候这个temp里面存放的值并没有发生改变，所以这个属于深拷贝。
在这里插入图片描述

这里通过引用的方式进行，浅拷贝的演示。
let temp = {like:100};
let tempCopy = temp;
tempCopy.like = 10000;
console.log(“temp.like: ” + temp.like)
console.log(“tempCopy.like: ” + tempCopy.like)

运行结果
通过结果可以看出来，最开始创建了一个temp对象，然后这个对象中含有一个like的成员变量，后来我们通过tempCopy=temp对temp变量进行了浅拷贝，然后tempCopy继承了temp变量的同时还继承了temp变量的地址，所有导致后面tempCopy变量的改变会导致temp变量内容的同样改变。
在这里插入图片描述

2025年js深拷贝和浅拷贝的区别（js深拷贝和浅拷贝的区别是什么）

深拷贝演示

相关推荐