Деструктуризация — это функция ES6, которая позволяет извлекать значения из массива и свойства из объектов в отдельную переменную.
Зачем нам нужна деструктуризация?
В случае объекта мы можем присвоить значение свойству или извлечь значение свойства с помощью записи через точку. Однако, используя запись через точку, мы можем добавлять или извлекать свойства объекта по одному.
Чтобы добавить несколько свойств к объекту одновременно, мы можем сделать это следующим образом.
Таким образом, можно добавлять и извлекать одно свойство объекта за раз, и можно одновременно добавлять к объекту несколько свойств, но невозможно извлекать несколько свойств из объекта. одновременно. Вот почему Деструктурирование было введено в ES6. Это позволяет извлекать несколько свойств из объекта одновременно.
Извлечение объектов с помощью деструктурирования может значительно уменьшить количество строк кода и улучшить читаемость.
До сих пор мы обсуждали только деструктуризацию объектов, но деструктуризация массива также позволяет извлекать несколько элементов из массива. Рассмотрим приведенный ниже пример, чтобы извлечь каждый элемент из массива. Здесь также деструктуризация помогает сократить количество строк кода и улучшить читаемость.
Распространенный пример использования деструктуризации объекта:
Ниже приведен пример функции fetchEmployeeDetail(), которая извлекает все сведения о сотруднике. В результате функция имеет несколько параметров.
При вызове функции getEmployeeDetail() основными проблемами являются:
1. Сопоставьте порядок аргументов в функции
2. Что делать с аргументами, которые не обязательно нужны (назначение аргументам значения по умолчанию)
К счастью, обе проблемы можно решить путем деструктуризации. Чтобы решить первую проблему сопоставления порядка аргументов, вместо того, чтобы отправлять аргументы в функцию один за другим, мы можем создать объект, который передается в качестве аргумента. Таким образом, нам больше не нужно заботиться о порядке аргументов.
Теперь перейдем к назначению аргументам значений по умолчанию. Итак, раньше деструктурирование значений по умолчанию для аргументов было назначено таким образом.
Тем не менее, это также может быть решено путем деструктурирования, что позволяет нам установить значения по умолчанию значения свойств объекта.
Распространенный пример использования деструктуризации массива
Лучший пример деструктуризации массива — использование Promise.all(). В приведенном ниже примере и getEmloyeeProfile(), и getEmployeeDesignation() являются асинхронными функциями. В результате при разрешении промисов вызывается функция, которую мы передали в .then(), которая получает массив данных. Первый элемент массива — это данные, возвращаемые функцией getEmployeeProfile(), а второй элемент — данные, возвращаемые функцией getEmployeeDesignation(). Результат этих функций можно сохранить в переменных, используя деструктуризацию массива.
Использовали ли вы деструктурирование каким-либо интересным способом в своем проекте? Дайте мне знать в комментариях ниже……..
