Сколько раз нам говорили не выбирать короткие пути в жизни? В школе мы слышим, что такие ярлыки только сокращают нас самих. Когда мы работаем над проектом по благоустройству дома, сокращение пути может означать отсутствие стабильности, и, конечно, когда дело доходит до ремонта нашего автомобиля, мы не хотим, чтобы механик использовал короткие пути.
Однако кодирование работает по-другому. Программирование требует времени, а время — деньги, поэтому чем меньше нажатий клавиш мы делаем, тем эффективнее мы работаем. То же самое можно сказать и о самом коде. Возьмем, к примеру, функции. Функции можно писать шаг за шагом с полным синтаксисом и возвращать значение с использованием фактического ключевого слова return. Код может стать длинным и громоздким.
Вот пример традиционной функции:
function getStudentNames(data) {
let studentNames = data.students.map(function(student) {
return student.name;
});
return studentNames;
};
В приведенной выше функции мы видим, что внутри метода карты вызывается функция, чтобы вернуть имя студента. Функция карты автоматически возвращает массив как часть процесса, поэтому объявление переменной с именем studentNames кажется ненужным, но как нам вернуть необходимое значение?
Здесь мы можем использовать сокращенный подход. С выпуском ES6 в JavaScript появилась возможность возвращать значения, используя «большую стрелку» или «толстую стрелку». По сути, это знак равенства «=» в сочетании со знаком «больше» «>
Вот пример того же кода, приведенного выше, с использованием функции стрелки:
function getStudentNames(data) {
return data.students.map((student) => student.name);
}
Итак, в этом примере вы видите, что мы по-прежнему сопоставляем имена учеников, но вместо объявления функции и переменной мы можем использовать функцию стрелки, чтобы исключить эту часть функции. Теперь мы возвращаем указанное значение массива, используя метод карты, который затем возвращает новый массив найденного значения.
Итак, помните: в следующий раз, когда вы будете создавать функцию с помощью метода карты, поиска или фильтрации, сделайте шаг назад и посмотрите, сможете ли вы использовать функцию стрелки, чтобы сделать ваш код чище и эффективнее. Не бойтесь использовать этот короткий путь, потому что он действительно облегчает жизнь.
