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

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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