项目中经常会将一个对象赋值给另一个对象,我们可以直接使用 = 号 也可以使用es6新增的object.assign这个方法,不同点就是 浅拷贝与深拷贝 引用类型指针的问题
今天就遇到一个问题。。。。
项目中 父组件 详情页有增加和修改两个按钮 增加和修改公用一个组件 于是在父组件详情页 会调用这个公用的子组件,并将详情的值传过去 以便修改 于是我是这样写的
watch: {
orderFormData: {
immediate: true,
handler(newValue, oldValue) {
// 深度复制 赋值订单单个对象
// this.form = Object.assign({}, newValue);
},
deep: true,
},
这样就有个问题 子组件改变 orderFormData中的 一个数组时 详情页的数据也跟着变化。于是在考虑是不是这个 Object.assign({}, newValue);是个浅拷贝 但是我改了其他 类似字符的值时 并没有改变。
对深拷贝,需要使用其他办法,因为 Object.assign()拷贝的是属性值。假如源对象的属性值是一个对象的引用,那么它也只指向那个引用。也就是说,如果对象的属性值为简单类型(如string, number),通过Object.assign({},srcObj);得到的新对象为深拷贝;如果属性值为对象或其它引用类型,那对于这个对象而言其实是浅拷贝的。
原来如此!!
如果对象的值包含引用类型 可以使用其他的深拷贝方式赋值