Javascript 在React中声明变量的花括号

Javascript 在React中声明变量的花括号,javascript,reactjs,react-router,Javascript,Reactjs,React Router,现在就开始学习。我在路由器的舞台上,在他们的文档中发现了一些我不理解的代码。(他们使用了大量的短语法运算符和其他东西,因此很难在谷歌上搜索或想出它的用途) 以下是: 当在左边声明“某物”时,它位于{}的内部,为什么 这称为对象分解。它是一个JavaScript表达式,允许我们从数组、对象、映射和集合中提取数据。有关更多详细信息,请参阅下面的链接 它是ECMASCRIPT 2015(ES6)的一部分。基本上,解构赋值是一种特殊的语法,它允许我们将数组或对象“解包”成一组变量,因为有时它们更方便。对

现在就开始学习。我在路由器的舞台上,在他们的文档中发现了一些我不理解的代码。(他们使用了大量的短语法运算符和其他东西,因此很难在谷歌上搜索或想出它的用途)

以下是:


当在左边声明“某物”时,它位于
{}
的内部,为什么

这称为对象分解。它是一个JavaScript表达式,允许我们从数组、对象、映射和集合中提取数据。有关更多详细信息,请参阅下面的链接


它是ECMASCRIPT 2015(ES6)的一部分。基本上,解构赋值是一种特殊的语法,它允许我们将数组或对象“解包”成一组变量,因为有时它们更方便。对于具有大量参数、默认值等的复杂函数,分解也非常有效。有关分解分配或es6功能的更多信息,这对那些仍然对对象分解感到困惑的人有很大帮助,我可以举一个例子:

假设你有一个叫做汽车的物体

const car = {
  type: 'van',
  model: 'honda',
  ...etc,
}
然后,不要像这样重复调用car对象内部的一些变量:

const type = car.type;
const model = car.model;
您可以使用destructuring object并以更简单的方式编写它:

const { type, model } = car;

它被称为对象解构@RIYAJ KHAN有趣,谢谢!
const { type, model } = car;