什么是{xyz} =对象,其中对象具有xyz作为属性

时间:2019-04-18 22:45:09

标签: javascript reactjs react-native object ecmascript-6

{XYZ} =称为什么的对象是什么?其中对象具有xyz作为属性。

3 个答案:

答案 0 :(得分:1)

它称为destructuring assignment,用于提取对象属性或数组元素。这是一个示例:

 

const object = { xyz: "abc" };
let { xyz } = object;
console.log(xyz);
 

上面定义了一个对象,它具有名为xyz的属性。然后,它将该属性的值保存到名为xyz的变量中。这实际上是在ES5中执行此操作的简写(因为在ES6中引入了解构):

 

var object = { xyz: "abc" };
var xyz = object.xyz;
console.log(xyz);
 

您还可以重命名已分解的变量:

 

const object = { xyz: "abc" };
const { xyz: letters } = object;
console.log(letters);
 

就像变量一样:

 

var object = { xyz: "abc" };
var letters = object.xyz;
console.log(letters);
 

它还可以与以下功能一起使用:

 

const logName = ({ name }) => console.log(name);
const john = { age: 42, name: "Mr. Doe" };
logName(john);
 

相当于ES6:

 

function logName(person) {
var name = person.name;
console.log(name);
}
var john = { age: 42, name: "Mr. Doe" };
logName(john);
 

答案 1 :(得分:0)

答案 2 :(得分:0)