Функції

Коли твій код зростає, часто потрібно виконувати одну й ту саму дію більше одного разу.

Замість того щоб писати ті самі рядки знову і знову, можна зберегти ці рядки всередині функції та використати їх пізніше.

Що таке функція

Функція — це іменований блок коду, який виконує конкретне завдання.

Уяви це як запис рецепта. Запис рецепта не пече торт. Він лише зберігає кроки.

У JavaScript визначення функції зберігає код, але не запускає його. Щоб запустити код усередині функції, потрібно викликати функцію за її назвою.

function add(a, b) {
    const result = a + b;
    return result;
}
console.log(add(3,4));
console.log(add(2,8));

Чому функції корисні

Функції допомагають не повторювати той самий код.

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

Якщо потрібно змінити те, що робить функція, можна оновити це в одному місці замість того, щоб багато разів редагувати однаковий код.

Перший приклад коду

Створімо і використаймо базову функцію.

function showGreeting() {
  console.log("Ласкаво просимо до вивчення JavaScript!");
}

showGreeting();

Пояснення коду

Розберімо, що відбувається:

• function повідомляє JavaScript, що ми створюємо функцію.
• showGreeting — це назва функції.
• Круглі дужки () йдуть після назви функції.
• Фігурні дужки {} містять код, який ми хочемо зберегти.
• console.log("Ласкаво просимо до вивчення JavaScript!"); — це код усередині функції.
• showGreeting(); викликає функцію, тому збережений код справді виконується.

Без showGreeting(); повідомлення не з'явилося б у секції виводу.

Виклик функції більше одного разу

Можна викликати ту саму функцію стільки разів, скільки хочеш.

Щоразу, коли ти її викликаєш, код усередині функції запускається знову.

function cheer() {
  console.log("Гіп, гіп, ура!");
}

cheer();
cheer();
cheer();

Міні-завдання

Відредагуй блок коду cheer() вище.

Зміни повідомлення всередині console.log() на щось інше, наприклад "Ти впорався!".

Потім натисни Запустити, щоб побачити, як твоє нове повідомлення з'явиться кілька разів.

Короткий тест

Запитання: Що станеться, якщо визначити функцію, але ніколи її не викликати?

• A) Код запуститься автоматично.
• B) Ти отримаєш повідомлення про помилку.
• C) Код усередині функції не запуститься.

Відповідь: C. Код усередині функції не запуститься.

Визначення функції лише зберігає кроки. Щоб виконати їх, потрібно викликати функцію.

Малий виклик

Створи функцію з назвою sayGoodbye.

Усередині функції використай console.log(), щоб вивести "До зустрічі!".

Потім виклич функцію двічі.

// напиши свій код нижче

console.log()

Підсумок

• Функція — це іменований блок коду, який використовується для виконання конкретного завдання.
• Функції допомагають повторно використовувати код без переписування.
• Функцію створюють за допомогою ключового слова function, назви, круглих дужок () і фігурних дужок {}.
• Визначення функції не запускає код усередині неї.
• Щоб запустити функцію, потрібно викликати її за назвою з круглими дужками.