JavaScript中，阵营常量

Question

我只是面对这个Java Script代码：

const { 
    myKey, 
    uname, 
    issorted, 
    title, 
    hClick, 
} = this.props; 

请告诉我这是什么意思？它有什么含义？

由于

Answer 1

这是Destructuring Assignment一个例子。基本上它是从每个提供的对象键中声明变量。您可以访问像

console.log(uname) 

这些变量，而不是

console.log(this.props.uname) 

除此之外，如果你问“常量”为好，this has a good explanation

Answer 2

这是一个对象destructuring assignment。在您的代码示例中，它将this.props对象中的数据抽取到分配左侧声明的不同常量（myKey,uname,,issorted ...）中。所以，如果this.props是这样一个对象：

this.props = { 
    myKey: 'value1', 
    uname: 'value2', 
    issorted: 'value3', 
    title: 'value4', 
    hClick: 'value5' 
} 

调用提到代码的声明的常量（myKey，uname，issorted ...）将有相应的对象属性的值之后 - 例如myKey常数将等于value1。

在您的代码示例const告诉对象的数据将被提取到constants但当然你也可以使用与let或var声明的变量。

Answer 3

在近期的Javascript版本中，解构已成为访问对象内某些值并对其进行本地化的流行方法。

在这种情况下，this.props包含属性myKey, uname, issorted, title, hClick，可能包括其他属性。为了获取特定属性而不是复制整个对象，我们按照您提供的代码所示的方式进行结构分配并根据其名称对各个属性进行本地化。