Curiosity about life in all its aspects, I think, is still the secret of great creative people.
const { user } = this.props
ES6
ДЕСТРУКТУРИЗАЦИЯ
ES6 - Деструктуризация

Обычно когда нам нужно работать с значением объекта в ES5 мы пишем там
В ES6 мы можем сделать деструктуризацию объекта и получить сразу width. Для этого вместо переменно obj мы можем в фигурных скобках указать ключ объекта, который мы хотим получить
В этой записи мы создаем локальную переменную width в которую сразу присваивается эта строка.
Точно так же можно писать получая несколько переменных из обьекта одновременно.
Очень часто у нас есть функция, которая возвращает объект и тогда мы можем также применять деструктуризацию
Иногда мы хотим, чтобы локальные переменные назывались не так, как в обьекте. И с деструктуризацией это вполне возможно делать
Очень часто приходится работать с вложенными объектами
Для того чтобы получить значение вложенных объектов можно использовать вложенную деструктуризацию
В этом случае id мы получаем как обычно, а width и height мы получаем делая опять деструктуризацию уже из attributes.
Также у нас есть возможность указывать при деструктуризации значения по умолчанию. Например мы можем сказать, что если в атрибутах width и height не заданы, то брать значения 50 на 50.
Мы просто через равно указали параметры по умолчанию. Если мы перезагрузим страницу, то ничего не изменится, так как у нас width и height указаны, а если мы их удалим, то получим значения 50 и 50.
Точно так же как мы применяли деструктризацию с обьектами ее можно делать и с массивами, но используется это реже.
Точно так же можно указывать значения по умолчанию
Иногда бывает так, что нам нужны только определенные элементы из массива. В деструктуризации мы можем просто не указывать их
Здесь мы указали что нам нужно записать в переменную first первый елемент массива и в fifth пятый, а все остальные елементы массива нас не интересуют.
Точно так же деструктуризацию очень удобно применять в функциях
В этом случае мы получаем на вход всегда обьект и читаем из него ключи width и height присваивая в локальные переменные.
Сюда мы также можем добавить значения по умолчанию
В этом уроке мы разобрались, что такое деструктуризация и как е````е можно применять, чтобы сделать код лаконичнее.

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