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

JavaScript 中存在两大数据类型

  • 基本类型:Number、String、Boolean、Null、Undefined、Symbol(ES6)
  • 引用类型:Object(除了基本数据类型外,比如 函数、数组)

基本数据类型保存在 栈内存 中,按值存放的,可以直接按值访问,即直接操作 保存在变量中的实际值

引用数据类型保存在 堆内存 中,引用数据类型的变量,是一个指向堆内存中实际对象的引用

浅拷贝 和 深拷贝 是指在复制一个对象时,拷贝的深度不同。

1. 浅拷贝

浅拷贝只是简单的复制,就是把一个对象里面的所有属性(内容)复制了一份给另一个对象。

如果属性是基本类型,拷贝的就是基本类型的值。如果属性是引用类型,拷贝的就是内存地址。

只是复制了地址,并没有创建新的对象,两个对象的指向相同。

对于浅拷贝,如果原对象的属性值发生了变化,那么拷贝的对象的属性值也会随之发生变化。

常见的浅拷贝有:

  • Object.assign()
  • Array.slice()
  • Array.concat()
  • 使用 拓展运算符 实现的复制

3. 深拷贝

深拷贝:就是把一个对象的属性和方法一个个找出来,在另一个对象上开辟对应的空间,一个个存储到另一个对象中

两个对象的属性完全相同,但是对应两个不同的地址,修改原对象的属性值,不会改变另一个对象的属性值。

扫描二维码关注公众号,回复: 14959138 查看本文章

常见的深拷贝有:

  • _.cloneDeep()
  • JSON.stringfy()
  • jquery.extend()

猜你喜欢

转载自blog.csdn.net/qq_41131745/article/details/128915357