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;这样的语句。