Функции: объявление и вызов

Программа почти всегда делает одно и то же по многу раз: поздороваться с пользователем, посчитать цену, показать сообщение об ошибке. Если каждый раз выписывать эти строки заново, код растёт, а править приходится во всех местах сразу — и одно место обязательно забудется.

// одно и то же приветствие, собранное вручную два раза
console.log("Привет, " + "Аня" + "! Рады видеть.");
console.log("Привет, " + "Борис" + "! Рады видеть.");

Функция решает обе беды сразу. Она собирает действие в одном месте и даёт ему имя, а имя — это уже язык, на котором удобно думать: не «склей три строки», а «поздоровайся».

function greet(name) {
  console.log("Привет, " + name + "! Рады видеть.");
}

greet("Аня");
greet("Борис");

Захотели поменять формулировку — правите одну строку внутри функции, и меняется везде. Это и есть главная выгода: у поведения появился один хозяин.

Самый привычный способ создать функцию — объявление. Оно состоит из четырёх частей подряд: ключевое слово function, имя, круглые скобки (в них перечисляют параметры, но их может и не быть) и тело в фигурных скобках.

function sayHello() {
  console.log("Здравствуйте!");
}

sayHello();

Обратите внимание: сам факт объявления ничего не печатает. Тело — это записанный рецепт, а не приготовленное блюдо. Движок запоминает его под именем sayHello и ждёт, когда его позовут.

sayHi();

function sayHi() {
  console.log("Привет!");
}

Вызов — это имя функции плюс круглые скобки. Именно скобки запускают тело; без них вы просто упоминаете функцию, как упомянули бы переменную.

function ping() {
  return "понг";
}

console.log(ping());
console.log(typeof ping);

Скобки — кнопка «пуск». ping — это сам прибор, ping() — нажатие на кнопку.

Вызывать можно сколько угодно раз, и каждый вызов выполняет тело заново. Значения в скобках при вызове — аргументы; внутри функции они попадают в параметры, перечисленные при объявлении. Что будет, если аргументов передать больше или меньше, чем параметров, и как задать значение по умолчанию, разбирает следующая статья — «Параметры, аргументы и значения по умолчанию».

function tick(n) {
  console.log("тик " + n);
}

tick(1);
tick(2);

function show(text) {
  console.log(text);
}

console.log(show("привет"));

Функция — это действие, поэтому её имя обычно начинается с глагола: show, calc, check, create. Существительное в роли имени функции сбивает с толку: непонятно, вернёт оно значение, нарисует что-то на экране или сделает и то и другое.

Второе правило — одно имя, одно дело. Если честное имя получается вида calcAndSaveAndPrint, это сигнал: внутри живут три функции, которые пока склеены в одну.

function calcArea(width, height) {
  return width * height;
}

console.log(calcArea(3, 4));

Функции нужны не только ради экономии строк. Даже действие, которое встречается ровно один раз, стоит вынести — просто чтобы у него появилось имя, и большая задача читалась как список понятных шагов.

function calcTotal(count) {
  return count * 250;
}
function formatPrice(sum) {
  return sum + " руб.";
}

console.log(formatPrice(calcTotal(3)));

Здесь одна функция считает, другая оформляет. Поменяется цена — правим первую; захотим писать «₽» вместо «руб.» — вторую. Каждую можно проверить отдельно, и ошибка в одной не размазывается по всей программе.

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