javascript - 花括号在 React 中声明一个变量

Question

现在正在学习 React。我在 Router 的舞台上，在他们的文档中发现了一些我看不懂的代码。 (他们使用很多短语法运算符和其他东西，所以很难用谷歌搜索或想出它的用途)。

所以这里是 code :

const { from } = this.props.location.state || { from: { pathname: "/" } };
const { redirectToReferrer } = this.state;

虽然在左侧声明“某物”，但它位于 { } 内部，为什么？

Answer 1

对于那些真的对对象解构仍然感到困惑的人，我可以举一个例子:

假设你有一个叫做汽车的对象

const car = {
  type: 'van',
  model: 'honda',
  ...etc,
}

然后不要像这样重复调用 car 对象中的一些变量:

const type = car.type;
const model = car.model;

您可以使用解构对象并以更简单的方式编写它:

const { type, model } = car;