ES6 - Деструктуризация

В ES5 мы пишем с работой значения обьекта

Но в ES6 с помощью деструктуризации объектов можна получить width сразу. Надо написать ключ обьекта взамен переменной obj.

В локальную переменную width сразу присваивается данная строка. Получать несколько переменных из обьекта в одно и тоже время возможно также.

Довольно нередно есть возможность применять деструктуризацию к функции которая возвращает обьект.

С диструктуризацией у нас есть возможность делать чтоб локальные переменные назывались не так, как в обьекте.

Довольно нередко приходится кодить с вложенными объектами

У нас есть возможность применить вложенную деструктуризацию для получение значений вложенных обьектов.

Чтоб получить width, height надо сделать деструктуризацию из attributes, а id получить как всегда. Значения по умолчанию есть возможность у нас указать при деструктуризации. К примеру мы можем заявить, что в случае если в атрибутах width и height не указаны, то значения будут 50 на 50.

Мы написали параметры по умолчанию через ”=“. Ничего не поменяется например если мы обновим страницу, потому что width и height указаны. Например когда удалить width и height, тогда получим 50 и 50. Реже используется например деструктуризация с массивами.

По умолчанию возможно например также указать значения.

Если нам нужно не все елементы массива, тогда мы можем записать в переменную first - 1й елемент, а в fifth - 5й елемент массива. Довольно комфортно использовать в функция деструктуризацию буквально так же.

В данном коде мы всегда присваивая в локальные переменные обьект читаем из него ключи width и height и у нас есть возможность добавить значения по умолчанию.

Также если вы раньше занимались javascript обучением или проходили курсы онлайн, хочу вам посоветовать youtube канал ReactWarriors в котором есть курс по React JS.

Если у вас возникли какие-то вопросы, пишите их в наш телеграмм-чат.