js中对象深拷贝和浅拷贝的区别是什么-木庄网络博客

本文摘自PHP中文网，作者V，侵删。

基本数据类型，拷贝是直接拷贝变量的值，而引用类型拷贝的其实是变量的地址。

而浅拷贝和深拷贝就是在这个基础之上做的区分，如果在拷贝这个对象的时候，只对基本数据类型进行了拷贝，而对引用数据类型只是进行了引用的传递，而没有重新创建一个新的对象，则认为是浅拷贝；

反之，在对引用数据类型进行拷贝的时候，创建了一个新的对象，并且复制其内的成员变量，则认为是深拷贝。

深拷贝实例代码：

let o2 = JSON.parse(JSON.stringify(o1))
function deepCopy(s) {
const d = {}
for (let k in s) {
if (typeof s[k] == 'object') {
d[k] = deepCopy(s[k])
} else {
d[k] = s[k]
}
}
return d
}

浅拷贝实例代码：

1	`let o2=Object.assign({},o1)`

推荐教程：js入门教程

以上就是js中对象深拷贝和浅拷贝的区别是什么的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

javascript 中cookie读、写与删除操作（图文教程）

解析js on及addeventlistener原理用法的区别

vue中computed和watch的用法及区别

html5 canvas如何实现代码流瀑布？（附代码）

js proxy 的优势以及使用场景

更多相关阅读请进入《js》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » js中对象深拷贝和浅拷贝的区别是什么

js中对象深拷贝和浅拷贝的区别是什么

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论