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

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

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

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

// Пример простой функции
function приветствие() {
 console.log("Привет, мир!");
}
// Вызов функции
приветствие();

Когда мы вызываем функцию приветствие(), мы получаем приветственное сообщение в консоли. Но зачем все это нужно? Функции позволяют нам упорядочивать код, изолировать определенные действия и делать наш код более понятным.

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

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

// Пример функции с параметром
function приветствие(имя) {
 console.log("Привет, " + имя + "!");
}
// Вызов функции с параметром
приветствие("Алексей"); // Выводит "Привет, Алексей!"
приветствие("Марк"); // Выводит "Привет, Марк!"

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

Возвращение значения

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

// Пример функции с возвращаемым значением
function удвоить(число) {
 return число * 2;
}
// Вызов функции и сохранение результата
let результат = удвоить(5);
console.log(результат); // Выводит 10

В этом примере функция удвоить принимает число в качестве аргумента, умножает его на 2 и возвращает результат. Когда мы вызываем эту функцию с аргументом 5, мы сохраняем возвращенное значение в переменной результат и выводим его в консоль. Это позволяет функциям быть не только исполнителями кода, но и поставщиками данных для дальнейшего использования.

Локальные и глобальные переменные

Важно понимать область видимости переменных внутри функций. Переменные, объявленные внутри функции, считаются локальными и не видны за её пределами.

// Пример локальной переменной
function пример() {
 let локальнаяПеременная = "Это локальная переменная";
 console.log(локальнаяПеременная);
}
// Вызов функции
пример(); // Выводит "Это локальная переменная"
// Попытка доступа к локальной переменной вне функции
console.log(локальнаяПеременная); // Ошибка: локальнаяПеременная is not defined

В этом примере переменная локальнаяПеременная существует только внутри функции пример() и недоступна вне её области видимости. Это позволяет избежать конфликтов имен переменных и обеспечивает чистоту кода.

Это лишь начало погружения в увлекательный мир функций в JavaScript. В следующих уроках мы будем рассматривать более сложные концепции и практические примеры!