Что такое { xyz } = объект, где объект имеет свойство xyz

Термин, который вы ищете, - это «деструктурирующее назначение».

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

Это называется назначением деструктурирования https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment.

Он называется присваивание деструктуризации и используется для извлечения свойств объекта или элементов массива. Вот пример:

 

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

Вышеприведенное определяет объект со свойством, называемым xyz. Затем он сохраняет значение этого свойства в переменной с именем xyz. По сути, это сокращение для ES5 (поскольку деструктуризация была введена в ES6):

 

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

Вы также можете переименовать деструктурированную переменную:

 

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

Так же, как и переменная:

 

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

Он также работает с функциями:

 

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

Что является эквивалентом ES6:

 

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