【es6】赋值解构

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

VoiceU

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

阅读量480

点赞数

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

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

版权

总结帖专栏收录该内容

56 篇文章 0 订阅

订阅专栏

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

摘要由CSDN通过智能技术生成

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