Question

我刚刚遇到了这个Java Script代码：

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

请告诉我这意味着什么？它的含义是什么？

由于

Answer 1

这是Destructuring Assignment的一个例子。基本上它是从每个提供的对象键声明变量。您将能够访问这些变量，如

console.log(uname)

而不是

console.log(this.props.uname)

除此之外，如果您要询问＆＃39; const＆＃39;同样，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，可能包含其他属性。为了获取特定属性而不是复制整个对象，我们根据您的名称进行结构分配和本地化每个属性，如您提供的代码所示。