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

В стандарте ECMAScript шестой версии присутствует описание так называемых стрелочных функций. Давайте рассмотрим несколько способов их использования.

Обратите внимание, что при программировании кода на стороне сервера (к примеру, в NodeJS) можно использовать самые свежие стандарты и приёмы разработки. Потому что наверняка будет использоваться компилятор самой последней версии. Но при разработке на JavaScript, который будет исполняться на стороне браузеров пользователей, стоит писать код по старинке. Потому что на большинстве устройств браузеры вообще не обновляются. Из-за чего пользователи ваших сайтов будут непрерывно получать ошибки, ведь у них ваши сайты не будут работать правильно.

Приведём простейший пример функции, которая складывает значение двух аргументов:

var sum = function(num1, num2){
   return num1 + num2;
}

Теперь перепишем эту функцию, сделав её стрелочной:

var sum = (num1, num2) => {
   return num1 + num2;
}

Как можно заметить, изменений оказалось всего два. Первое - это пропало слово "function". Второе - появились знак равно и стрелки после аргументов =>. Это и есть стрелочная функция. Можно сказать, что она была придумана для сокращения записи программного кода.

Но можно пойти чуть дальше и сократить код ещё сильнее. По стандарту ES6 если функция состоит только из одного "return", то можно не писать его и фигурные скобки { ... } вокруг тела функции. Тогда пример вообще получится в одну строку:

var sum = (num1, num2) => num1 + num2;

Отлично, из трёх строк кода получилась одна. Но на этом потенциал сокращений в ES6 не исчерпывается. Представим, что есть функция, которая возводит число в квадрат (то есть умножает само на себя. Тогда запись такой функции в стрелочном виде будет такой:

var sqr = (num) => num * num;

Но в ES6 есть возможность не писать круглые скобки вокруг аргумента, если он только один. Поэтому удалим их:

var sqr = num => num * num;

Также ES6 говорит, что если аргументов у функции вообще нет, то на их месте в стрелочной функции будут стоять круглые скобки.

Придумаем функцию, у которой будет одно действие - возвращать alert сообщение "Тише, мыши, кот на крыше". Её код с использование в стрелочной функции будет таким:

var txtAlert = () => alert("Тише, мыши, кот на крыше");

Аргументов нет, поэтому были поставлены пустые круглые скобки ( ).