【es6】赋值解构

最新推荐文章于 2024-01-24 16:58:52 发布

VoiceU

最新推荐文章于 2024-01-24 16:58:52 发布

阅读量509

点赞数

CC 4.0 BY-SA版权

分类专栏：总结帖文章标签： javascript 前端 react.js

本文链接：https://blog.csdn.net/Voiceu/article/details/124769085

总结帖专栏收录该内容

56 篇文章

订阅专栏

本文探讨了在JavaScript中，根据返回数据的数量和类型选择使用元组或对象作为返回值的策略。当返回数据项少于3个时，推荐使用元组，方便直接改名且顺序固定。超过3个数据项时，建议返回对象，通过键值对确保可读性和灵活性，即使顺序可以改变。同时，介绍了解构赋值在不同情况下的应用及其对数据的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

返回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