JavaScript 解构赋值

2024-09-21 12:11:31 浏览数 (3)

解构赋值

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

例如:

代码语言:javascript复制
const { data } = res.response; 

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

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

代码语言:javascript复制
const { data, status, headers } = res.response;

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

附录

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

0 人点赞