object.assign的使用

项目中经常会将一个对象赋值给另一个对象,我们可以直接使用 = 号 也可以使用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);得到的新对象为深拷贝;如果属性值为对象或其它引用类型,那对于这个对象而言其实是浅拷贝的。

原来如此!!
如果对象的值包含引用类型 可以使用其他的深拷贝方式赋值

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值