4

Увидел в описании использования одного из npm-пакетов запись вида const { NAME } = value. В JavaScript не профи, так что никак не могу понять/найти зачем эти скобки вокруг имени переменной и чем тогда это отличается от обычного const NAME = value?

2

1 ответ 1

12

Это называется деструктуризация, используется для более короткой записи

const {name} = value; // value = {name: ''}
name; // ''

// то же самое что и
const name = value.name;

Можно использовать в параметрах функции

const foo = ({prop}) => {}
foo({prop: 'prop'});

Для возвращения нескольких параметров из функции

const foo = () => ({var1: 1, var2: 2})
const {var1, var2} = foo();

Важно: имена переменных должны совпадать с ключами в объекте

const {name} = {prop: 1}; // name = undefined
// но если очень хочется:)
const {prop: name} = {prop: 1};
// name = 1


Так же работает с массивами

const [a, b] = [1, 2, 3, 4]; // a = 1, b = 2

Вот как теперь можно обменять значения двух переменных

let a = 1, b = 0;
[a, b] = [b, a];
1
  • По ссылке выше описана возможность менять имена переменных. Думаю стоит добавить это в ответ
    – Alexey Ten
    26 авг 2018 в 8:18

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.