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

系统管理员 2024-03-26 04:18 83阅读 0赞

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

### 区别 ###

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

### 代码演示： ###

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

#### **深拷贝演示** ####

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

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

### 浅拷贝演示 ###

这里通过引用的方式进行，浅拷贝的演示。  
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变量内容的同样改变。  
![在这里插入图片描述][8113cafbda1f4e10a700b0b47984d257.png]

[f3268caa16a84cd5b78ead86b2ab8886.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/2c98ad5c844b44d68242f94ab4b74b30.png
[8113cafbda1f4e10a700b0b47984d257.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/da362cae97a94262aff609054a314bad.png

发表评论取消回复

表情：

评论列表（有 0 条评论，83人围观）

还没有评论，来说两句吧...

相关阅读

相关 js中的深拷贝和浅拷贝区别

s中的深拷贝和浅拷贝与值传递和引用传递有着些许的关联，都是根据堆栈中数据的储存来传递数据。下面主要说一下我对深拷贝和浅拷贝的理解：简单举个例子来说明；当我们声明一...

亦凉/ 2024年04月18日 07:17/ 0 赞/ 72 阅读

相关 js中浅拷贝与深拷贝的区别及方式

JavaScript 中存在两大数据类型基本类型：Number、String、Boolean、Null、Undefined、Symbol（ES6）引用类型：O

亦凉/ 2024年03月27日 14:06/ 0 赞/ 74 阅读

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

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

系统管理员/ 2024年03月26日 04:18/ 0 赞/ 84 阅读

相关 js深拷贝与浅拷贝

关于js深浅拷贝如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深

怼烎@/ 2022年12月15日 12:51/ 0 赞/ 194 阅读

相关 js深拷贝与浅拷贝

基础扩展 js的数据类型可分为两种：基本类型引用类型 \- 基本类型： Undefined Null Boolean Number String \- 引用类型

本是古典何须时尚/ 2022年02月04日 13:19/ 0 赞/ 276 阅读

相关 js的深拷贝与浅拷贝

理解这个之前我们需要对js的数据类型，堆内存和栈内存做好充分的理解深拷贝与浅拷贝的概念：深拷贝可以理解为指向两个不同的内存地址浅拷贝可以理解为指向同一个内存地

r囧r小猫/ 2022年01月28日 23:15/ 0 赞/ 256 阅读

相关 js深拷贝与浅拷贝

JavaScript的数据类型分为基本数据类型和引用数据类型。深浅拷贝都是对于引用数据类型而言的,复杂的引用类型将地址存在 Stack 里,数据存在 Heap 浅拷贝即直接使

喜欢ヅ旅行/ 2022年01月20日 00:53/ 0 赞/ 267 阅读

相关 js深拷贝浅拷贝

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

朱雀/ 2021年08月31日 14:35/ 0 赞/ 488 阅读

相关 js深拷贝与浅拷贝

let obj1 = { age: 12, bobby: { play: '打篮球'

小咪咪/ 2021年08月24日 17:25/ 0 赞/ 411 阅读

相关 JS中深拷贝和浅拷贝区别？

JS中深拷贝和浅拷贝区别？两者的区别在于是否是真正获取了一个对象的复制实体，而不是引用，深拷贝在计算机中开辟了一块内存地址用于存放复制的对象，而浅拷贝仅仅是指向被拷贝的...

小灰灰/ 2020年06月17日 16:34/ 0 赞/ 764 阅读