js中深拷贝与浅拷贝的区别

js中深拷贝与浅拷贝的区别

区别

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

代码演示：

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

深拷贝演示

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变量内容的同样改变。