В программировании на JavaScript пахнет эффективностью, когда нужно извлекать пары ключ-значение из объектов и сохранять их как переменные. Возьмем, к примеру, следующий объект:
Если бы мы хотели извлечь свойство functionality
как переменную, мы могли бы использовать следующий код:
Однако мы также можем воспользоваться методом деструктурирования, который называется деструктурированное присваивание, чтобы сэкономить несколько нажатий клавиш (читается как стресс) и, конечно же, время! В деструктурированном присваивании мы создаем переменную с именем ключа объекта, заключенного в фигурные скобки { }
, и присваиваем ей объект. Взгляните на пример ниже:
Поскольку functionality
ссылается на robot.functionality
, мы можем вызывать методы, доступные для robot.functionality
, просто через functionality
.
Мы можем воспользоваться этим ярлыком и вызвать метод .beep()
(посмотрите на первый фрагмент кода) на functionality
Это напечатает «Beep Boop» на консоли.
Выводы: есть разные способы использования деструктуризации объектов; один способ - это сокращение значения свойства, а другой - деструктурированное назначение. Как и в случае с любой концепцией, полезно научиться использовать документацию MDN с объектами! Оставайтесь на морозе, друзья.