javascript - [`expression` ] 符号用于什么？

Question

我最近开始学习了 reactjs并偶然发现了这段代码:

handleChange = event => {
  const { name, value } = event.target

  this.setState({
    [name]: value,
  })
}

我有点困惑，尤其是对以下符号:

[name]: value,

[ ] 有什么用？

我知道，const = { name, value } = event.target 用于将对象销毁为属性，但是 [name] 符号看起来很奇怪并且我以前在我的 javascript 中没有看到任何关于它的引用。编码。

尽管我尽了最大努力在谷歌上搜索 [] javascript usage 和类似的东西，但我找不到任何类似的东西。

我最好的猜测是与 object["property"] 表达式的相似性，但与那个相比，这看起来还是有点奇怪。

Answer 1

这些被称为 computed property names , 表示法基本上是将变量用作对象键。