JS对象解构的误区

今天有个bug找了好久,没想到是对象解构出现的问题。

需求是 我想把state对象中的current更新+1,因此我先将state对象中的current解构出来,并对其进行赋值+1的操作。

错误代码提出来如下只提取了与文章有关的部分):

const state = {
    current: -1, //标记行为的索引号,以完成上一步下一步
  }
const registry = (commond) => {
      let { current } = state
      current = current + 1
    }
  }

但是如上操作后,却没效果。后来发现是对解构的基本规则都没清楚。

错误原因:

 let { current } = state  
//这一步实际上是又声明了个current变量,
//让其与state中的current值相等。并不是将state中的current提取出来的意思   
//该current与state对象中的current是两个人!!!

因此我再对解构出的current赋值,并不会影响state中的current的值,所以没效果。 

正确是:

const state = {
    current: -1, //标记行为的索引号,以完成上一步下一步
  }
const registry = (commond) => {
      let { current } = state
      state.current = current + 1
    }
  }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值