JavaScript深拷贝与浅拷贝-创新互联

1.先看一个例子：

从中可以看出，obj1拷贝了obj的值，但只是进行了地址的引用，修改obj1的值也影响到了obj的值，没有创建新对象。

浅拷贝：对基本数据类型进行值传递，对引用数据类型进行引用传递般的拷贝。

深拷贝：对基本数据类型进行值传递，对引用数据类型，创建一个新的对象，并复制其内容

obj2= {
name: 'LiLei',
school: 'HBUT',
age: {
age: '3'
},
run: function aa () {console.log(this.name)}
}

父对象的属性等于数组或另一个对象，那么实际上，子对象获得的只是一个内存地址(obj3.grade===obj2.grade)，而不是真正的拷贝

对于上面的对象，如何实现深拷贝

function deepCopy (obj) {
temp = obj.constructor === Array ? [] : {}
for (let val in obj) {
temp[val] = typeof obj[val] == 'object' ? deepCopy(obj[val]) : obj[val]
}
return temp
}
实现对父对象中的数组或者对象属性进行循环拷贝

2.Object.assign(目标对象，拷贝来源)
正在做的一个vue项目中，频繁使用Object.assign来实现对像的拷贝。
当源目标中属性都是直接类型时，此时是深拷贝；当源目标中含有引用类型的属性时，此时是浅拷贝。

例子中obj2的属性grade对象只是引用传值，没有实现真正的拷贝。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。