Раскрытие секретов фигурных скобок в объявлениях переменных

Синтаксис var { ... } = ..., часто встречающийся в JavaScript дополнительная документация SDK и Chrome Javascript, поначалу могут показаться озадачивающими. Однако оно представляет собой мощную функцию, известную как деструктуризация присваивания.

Деструктуризация присваивания позволяет эффективно извлекать значения из объектов и массивов, присваивая их вновь объявленным переменным с использованием синтаксиса литералов объектов и массивов. Рассмотрим следующий пример:

var ascii = {
    a: 97,
    b: 98,
    c: 99
};

var {a, b, c} = ascii;

Этот код эффективно извлекает определенные свойства (a, b, c) из объекта ascii и создает отдельные переменные для каждого свойства. Такой подход упрощает код, устраняя необходимость в повторяющихся присваиваниях, например:

var a = ascii.a;
var b = ascii.b;
var c = ascii.c;

Аналогично вы можете использовать назначение деструктуризации для массивов, как показано ниже:

var ascii = [97, 98, 99];

var [a, b, c] = ascii;

Этот код эквивалентен следующему:

var a = ascii[0];
var b = ascii[1];
var c = ascii[2];

Кроме того, деструктурирующее присваивание позволяет переименовывать свойства во время извлечения. Например:

var ascii = {
    a: 97,
    b: 98,
    c: 99
};

var {a: A, b: B, c: C} = ascii;

Этот код создает переменные A, B и C со значениями, соответствующими свойствам a, b и c в ascii-объекте.