网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

JavaScript深拷贝与浅拷贝

1.先看一个例子:
JavaScript深拷贝与浅拷贝
从中可以看出,obj1拷贝了obj的值,但只是进行了地址的引用,修改obj1的值也影响到了obj的值,没有创建新对象。

创新互联是一家专业提供秀山土家族苗族企业网站建设,专注与网站设计制作、网站制作、H5开发、小程序制作等业务。10年已为秀山土家族苗族众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

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

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

obj2= {
name: 'LiLei',
school: 'HBUT',
age: {
age: '3'
},
run: function aa () {console.log(this.name)}
}
JavaScript深拷贝与浅拷贝
父对象的属性等于数组或另一个对象,那么实际上,子对象获得的只是一个内存地址(obj3.grade===obj2.grade),而不是真正的拷贝

对于上面的对象,如何实现深拷贝
JavaScript深拷贝与浅拷贝

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来实现对像的拷贝。
当源目标中属性都是直接类型时,此时是深拷贝;当源目标中含有引用类型的属性时,此时是浅拷贝。

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


本文题目:JavaScript深拷贝与浅拷贝
浏览地址:http://bjjierui.cn/article/gjcjoh.html

其他资讯