JavaScript 解构赋值

解构赋值

在 JavaScript 中，const { data } 的花括号用法是一种叫做解构赋值（destructuring assignment）的特性。这种语法允许你从数组或对象中提取数据，并将其赋值给声明的变量，这样可以使代码更简洁易读。

例如：

const { data } = res.response; 

这行代码的意思是从 res.response 对象中提取 data 属性，并创建一个名为 data 的新常量，其值等于 res.response.data。这样，就可以直接使用 data 这个变量，而不需要每次都写 res.response.data。

这种解构赋值非常有用，特别是需要从一个对象中提取多个属性时，它可以让代码更加清晰和简洁。例如，如果 res.response 中还有其他属性如 status 和 headers，可以这样写：

const { data, status, headers } = res.response;

这样，data、status、和 headers 三个变量会被同时创建，各自包含对应属性值。

附录

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment