× К оглавлению На главную Об авторе

Дата и время публикации:    

От переводчика


Является переводом Destructuring in JavaScript: A How-To Guide, автор nwthomas с моими небольшими ремарками .

Определение и использование


1. Определение

Сообщество разработчиков Mozilla (Mozilla Developer Network—MDN) наделяет функцию Destructuring, как способность выделять значения элементов массива и свойств объекта в отдельные переменные...*)

Деструктурирование массива в отдельные переменные one, two, three, four, five происходит в arrayOfNumbers

...
// Array destructuring
const arrayOfNumbers = [1, 2, 3, 4, 5];
const [one, two, three, four, five] = arrayOfNumbers;

Деструктурирование свойств объектов - в objectOfNumbers. При этом, как можно увидеть ниже, деструктурирование можно применять и к функциям.

...
// Object destructuring
const objectOfNumbers = { one: 1, two: 2, three: 3, four: 4, five: 5 };
const { one, two, three, four, five } = objectOfNumbers
...

При этом, как можно увидеть ниже, деструктурирование можно применять и к функциям.

...
function outerFunction() {
  function firstFunction() {
    return 1;
  }
  function secondFunction() {
    return 2;
  }
  function thirdFunction() {
    return 3;
  }
  return [firstFunction, secondFunction, thirdFunction];
}

const [first, second, third] = outerFunction();
...

которые должны быть вложены в (раскладываемую на запчасти) функцию outerFunction . При этом данная функция должна возвращать объявленные в её теле функции в виде массива. **)


  *) – Destructuring in JavaScript: A How-To Guide

**) – Returning multiple values from a function using an array

Сайт разработан в соответствии с рекомендациями консорциума W3C для языка разметки HTML5.

Об авторе можно прочитать здесь.

Copyright © 2015-2019 Андрей Ржавсков