指尖上的记忆指尖上的记忆
首页
  • 基础
  • Laravel框架
  • Symfony框架
  • 基础
  • Gin框架
  • 基础
  • Spring框架
  • 命令
  • Nginx
  • Ai
  • Deploy
  • Docker
  • K8s
  • Micro
  • RabbitMQ
  • Mysql
  • PostgreSsql
  • Redis
  • MongoDb
  • Html
  • Js
  • 前端
  • 后端
  • Git
  • 知识扫盲
  • Golang
🌟 gitHub
首页
  • 基础
  • Laravel框架
  • Symfony框架
  • 基础
  • Gin框架
  • 基础
  • Spring框架
  • 命令
  • Nginx
  • Ai
  • Deploy
  • Docker
  • K8s
  • Micro
  • RabbitMQ
  • Mysql
  • PostgreSsql
  • Redis
  • MongoDb
  • Html
  • Js
  • 前端
  • 后端
  • Git
  • 知识扫盲
  • Golang
🌟 gitHub

JavaScript之对象解构和重命名的语法:

  • 对象解构:

对象解构允许你从对象中提取属性并赋值给变量。基本语法如下:

const { property1, property2 } = object;

这等同于:

const property1 = object.property1;
const property2 = object.property2;
  • 重命名语法:

在解构过程中,你可以给解构出来的属性指定一个新的名字。语法如下:

const { originalName: newName } = object;

这等同于:

const newName = object.originalName;
  • 组合使用:

你可以在一个解构语句中同时使用普通解构和重命名:

const { property1, originalName: newName, property2 } = object;
  • 在您的代码中的应用:
const { shouldShowLoader: isLoading, heading, sidebarLinks } = storeToRefs(eventDashboardStore);

这行代码做了以下事情:

  • 从 storeToRefs(eventDashboardStore) 返回的对象中提取 shouldShowLoader 属性,并将其重命名为 isLoading
  • 同时提取 heading 和 sidebarLinks 属性,保持原名

这种语法的主要优点是:

  • 代码更简洁
  • 允许你在使用时给属性一个更有意义或更符合当前上下文的名字
  • 可以避免命名冲突