Урок: Что такое функция

Введение

Когда мы пишем программу, очень быстро начинаем замечать повторения. Например, нужно несколько раз вывести приветствие, посчитать сумму или обработать данные.

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

console.log('Привет, Stepan');
console.log('Привет, Ivan');
console.log('Привет, Anna');

Код начинает повторяться, и если логика изменится, придётся менять её в нескольких местах.

В реальной жизни мы стараемся упрощать повторяющиеся действия. Например, у нас есть «рецепт» — набор шагов, который можно выполнить в любой момент.

Функции в JavaScript — это как такие «рецепты». Мы один раз описываем, что нужно сделать, и потом можем использовать это сколько угодно раз.

Что такое функция на практике

Функция — это блок кода, который можно вызвать и выполнить.

Простой пример: объявление и вызов в одном фрагменте — так в консоли сразу виден результат.

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

sayHello();

Результат:

Привет!

Здесь:

• function — ключевое слово;
• sayHello — имя функции;
• {} — тело функции, где находится код;
• sayHello() — вызов: без него тело функции не выполнится.

Важно понять: сначала мы описываем действие, затем запускаем его вызовом.

Параметры функции

Функции становятся особенно полезными, когда могут принимать данные.

function greet(name) {
  console.log('Привет, ' + name);
}

greet('Stepan');
greet('Ivan');

Результат:

Привет, Stepan
Привет, Ivan

Здесь name — параметр.

Разберём:

• параметр — это «вход» функции;
• значение, которое передаётся при вызове, называется аргументом.

Функция становится универсальной: одна логика — много разных данных.

Возврат значения (return)

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

function sum(a, b) {
  return a + b;
}

let result = sum(2, 3);

console.log(result);

Результат:

5

Ключевое слово return:

• завершает выполнение функции;
• возвращает значение наружу.

Важно: без return функция ничего не возвращает (или возвращает undefined).

Разница между действием и результатом

Сравним два варианта:

function sayHello() {
  console.log('Привет');
}

sayHello();

и

function getHello() {
  return 'Привет';
}

console.log(getHello());

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

Это принципиально разные подходы:

• первая выполняет действие;
• вторая даёт результат, который можно использовать дальше.

Функции и повторное использование кода

Одна из главных задач функций — избавить от повторения.

Без функции:

let a = 2 + 3;
let b = 4 + 5;
let c = 6 + 7;

console.log(a, b, c);

С функцией:

function sum(a, b) {
  return a + b;
}

let a = sum(2, 3);
let b = sum(4, 5);
let c = sum(6, 7);

console.log(a, b, c);

Код становится:

• короче;
• понятнее;
• легче изменяется.

Если логика поменяется, нужно изменить её только в одном месте.

Объявление функции и стрелочные функции

Кроме классического способа, есть более короткий — стрелочные функции.

const sum = (a, b) => {
  return a + b;
};

console.log(sum(10, 5));

Можно записать ещё короче:

const sum = (a, b) => a + b;

console.log(sum(10, 5));

Это тот же функционал, но в более компактной форме.

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

Где это используется на практике

Функции используются абсолютно везде.

Когда ты:

• обрабатываешь события (клик, ввод);
• работаешь с данными;
• пишешь логику приложения;
• используешь методы массивов (map, filter);

— ты постоянно используешь функции.

Любое действие в программе почти всегда оформляется как функция.

Например:

• отправка запроса;
• обработка формы;
• отображение данных;
• расчёты.

Итоговое понимание

Функция — это способ описать действие и использовать его многократно.

Она позволяет:

• структурировать код;
• избегать повторений;
• работать с данными через параметры и возвращаемые значения.

Ключевая идея в том, что функция — это инструмент абстракции. Мы даём имя набору действий и используем его как единое целое.

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