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;