Стрелочные функции

Стрелочные функции предоставляют более короткий способ написания функций в JavaScript. Они особенно удобны для коротких и простых функций.

Выражение стрелочной функции имеет более короткий синтаксис по сравнению с функциональными выражениями и не имеет собственных привязок к ключевым словам this, arguments, super или new.target. Стрелочные функции всегда анонимны.

Вот базовый синтаксис стрелочной функции:

(param1, param2) => {
	// Тело функции
	// ...
	return value; // Необязательный оператор return
}

Если у функции только один параметр, вы можете опустить скобки вокруг списка параметров. Если тело функции содержит только одно выражение, вы можете опустить фигурные скобки и ключевое слово return. Результат выражения будет возвращен неявно.

Вот пример традиционного функционального выражения:

let add = function(a, b) {
	return a + b;
};

Вот та же функция, записанная в виде стрелочной функции:

let add = (a, b) => a + b;

В этом примере круглые скобки вокруг параметров сохраняются, так как параметров два. Фигурные скобки и ключевое слово return опущены, так как тело функции содержит только одно выражение.

Вот еще один пример без параметров:

let greet = () => console.log("Hello!");
greet(); // Вывод: Hello!

В этом случае пустая пара скобок используется для обозначения того, что функция не имеет параметров.

Стрелочные функции часто используются, когда вам нужно передать короткую функцию в качестве аргумента другой функции.