miller
发布于

js 解构赋值

const { roleList, avatar, department } = person

这是一个JavaScript解构赋值(Destructuring Assignment)表达式,用于从对象person中提取并同时声明三个变量:roleList、avatar和department。
具体步骤如下:

  1. 目标对象:person是一个假设存在的对象,它具有若干属性。
  2. 解构语法:使用花括号 {} 包裹要提取的属性名,以表示正在从一个对象中提取这些属性。
  3. 变量声明与赋值:左侧的 { roleList, avatar, department } 指定了希望从person对象中提取的属性名称。执行此语句后,会创建以下三个变量:
    roleList: 被赋予person.roleList的值。
    avatar: 被赋予person.avatar的值。
    department: 被赋予person.department的值。

简而言之,该行代码通过解构赋值一次性从person对象中提取了roleList、avatar和department这三个属性的值,并分别将它们赋值给同名的局部变量。这样做的好处是简洁明了地声明并初始化了多个变量,无需逐个单独编写const roleList = person.roleList;这样的语句。

浏览 (926)
点赞
收藏
评论