【es6】赋值解构

返回tuple,元组(数组)的话,在后面调用的时候,比如const [x,xx,xxx] = useProjectsMoal()
可以直接改名,但是是按照顺序来的,建议return的数据3个以内的用元组

如果三个以上,建议返回对象,这样在调用的时候,const {projectCreate,open,close} = useProjectsMoal()
就不能直接改名,但是顺序可以改变,因为读的是键名,可以通过冒号起别名,比如
const {projectCreate : create ,open,close} = useProjectsMoal()

export const useProjectsMoal = () => {
  const [{ projectCreate }, setProjectModalOpen] = useUrlQueryParam([
    'projectCreate'
  ])

  const open = () => setProjectModalOpen({ projectCreate: true })
  const close = () => setProjectModalOpen({ projectCreate: false })

  /* 
  返回tuple,元组(数组)的话,在后面调用的时候,比如const [x,xx,xxx] = useProjectsMoal()
  可以直接改名,但是是按照顺序来的,建议return的数据3个以内的用元组

  如果三个以上,建议返回对象,这样在调用的时候,const {projectCreate,open,close} = useProjectsMoal()
  就不能直接改名,但是顺序可以改变,因为读的是键名,可以通过冒号起别名,比如
  const {projectCreate : create ,open,close} = useProjectsMoal() 
  */
  return [
    // url上读取下来的都是字符串
    projectCreate === 'true',
    open,
    close
  ] as const

而且简单数据结构的解构出来是全新的变量,不会相互影响

如果是引用类型,修改里面的是会对原数据进行修改的

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值