19.深拷贝和浅拷贝

简单意思就是深复制和浅复制的区别

浅拷贝

创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型,拷贝的就是基本类型的值,如果属性是引用类型,拷贝的就是内存地址 ,所以如果其中一个对象改变了这个地址,就会影响到另一个对象。

ES6中拷贝对象的方法,接受的第一个参数是拷贝的目标,剩下的参数是拷贝的源对象(可以是多个)

语法:Object.assign(target, ...sources)

Object.assign是一个浅拷贝,它只是在根属性(对象的第一层级)创建了一个新的对象,但是对于属性的值是仍是对象的话依然是浅拷贝,

Object.assign还有一些注意的点是:

1不会拷贝对象继承的属性

2不可枚举的属性

3属性的数据属性/访问器属性

4可以拷贝Symbol类型

深拷贝

将一个对象从内存中完整的拷贝一份出来,从堆内存中开辟一个新的区域存放新对象,且修改新对象不会影响原对象

下面我们来举个简单的例子


let obj1= {

            name: '张三',

            age: 18,

                 }

    let obj2 = obj1

     这个时候打印 obj2 实际上就是 { name: '张三',age: 18 }

我们进行简单的操作

obj2.name="李四"

现在obj2的name值 =李四, 我们现在打印一下obj1,会发现 obj1的name属性也变成了李四,这个就可以说是浅拷贝,没有改变他们的原有值,这种可以说就属于浅拷贝

我们如果想把obj1的值赋给obj2 并且 改动obj2的时候不改变obj1的情况下应该怎么操作

JSON.stringify()  取一个JSON对象,并将其转换为JSON字符串。

JSON.parse() 取一个JSON字符串并将其转换为JavaScript一个新的对象

varstr=JSON.stringify(obj1)

varobj2=JSON.parse(str)

也可以写成

varobj2=JSON.parse(JSON.stringify(obj1))

这样转换可以实现深拷贝 因为转换的是一个新的对象,跟最初的obj1不是一个对象大家可以自己打印下自己尝试下

你可能感兴趣的:(19.深拷贝和浅拷贝)