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

# Что такое функция?

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

Определение

Функция — это подпрограмма (суброутина), которая инкапсулирует логику и может принимать входные параметры (аргументы) и возвращать результат. Функции являются основой модульного программирования и позволяют:

• Избежать дублирования кода — написать логику один раз и использовать много раз
• Улучшить читаемость — разбить сложную логику на понятные блоки
• Облегчить тестирование — проверять отдельные функции отдельно
• Упростить поддержку — изменение логики в одном месте

Синтаксис в JavaScript

В JavaScript существует несколько способов объявления функций:

1. Function Declaration (объявление функции)

function greet(name) {
  return `Hello, ${name}!`;
}

2. Function Expression (выражение функции)

const greet = function(name) {
  return `Hello, ${name}!`;
};

3. Arrow Function (стрелочная функция, ES6)

const greet = (name) => `Hello, ${name}!`;

Компоненты функции

1. Параметры — переменные, которые функция принимает
2. Тело функции — код, который выполняется при вызове
3. Return statement — возвращаемое значение (необязательно)

Типы функций

Pure Functions (чистые функции)

Чистая функция не имеет побочных эффектов и всегда возвращает одинаковый результат для одного и того же входа:

function add(a, b) {
  return a + b; // Всегда вернёт одно значение
}

Functions with Side Effects

Функции, которые изменяют состояние или имеют внешние эффекты:

function logMessage(msg) {
  console.log(msg); // Побочный эффект — логирование
}

Callbacks

Функции, передаваемые в другие функции в качестве аргументов:

array.forEach((item) => console.log(item));

Роль функций в React

В контексте Frontend Development и React функции критичны:

• Functional Components — компоненты в React это функции
• Custom Hooks — переиспользуемая логика
• Event Handlers — обработка событий
• Callback Functions — передача логики между компонентами

Заключение

Функции — это строительные блоки хорошего кода. Они делают приложение более модульным, читаемым и поддерживаемым. Умение писать хорошие функции — это один из ключевых навыков Frontend разработчика.