简单意思就是深复制和浅复制的区别
浅拷贝
创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型,拷贝的就是基本类型的值,如果属性是引用类型,拷贝的就是内存地址 ,所以如果其中一个对象改变了这个地址,就会影响到另一个对象。
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不是一个对象大家可以自己打印下自己尝试下
网友评论