Функції є важливою частиною програмування. Вони дозволяють створювати блоки коду, які можна викликати і використовувати у різних місцях програми. Функції допомагають уникнути повторення коду, полегшують розуміння програмного коду і забезпечують організацію програми на більш зрозумілому рівні.

Основна ідея функцій полягає в тому, що вони виконують конкретні завдання або дії і можуть повертати результат. Коли функція викликається, виконується блок коду всередині функції, і потім управління повертається до місця, де було зроблено виклик функції.

Основні переваги використання функцій включають:

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

Написання та використання функцій в JavaScript досить просте. Ось основні кроки.

Оголошення функції: Спочатку потрібно оголосити функцію. Оголошення функції включає ключове слово function, назву функції, список параметрів у круглих дужках та блок коду, який буде виконуватися, коли функція викликається.

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

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

greet();

При виклику цієї функції буде виведено 'Привіт!' на консоль.

Параметри функції: Функції можуть приймати параметри - значення, які можуть бути передані в функцію при її виклику. Параметри вказуються у круглих дужках при оголошенні функції.

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

При виклику функції greet('Олександр') буде виведено 'Привіт, Олександр!' на консоль.

Повернення значень: Функції можуть повертати значення за допомогою ключового слова return. Значення, яке повертається, може бути використане в інших частинах програми.

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

При виклику функції add(3, 5) буде повернуто значення 8.

Це лише основні кроки для написання та використання функцій. Ви можете створювати функції з більш складними блоками коду, використовувати умовні оператори, цикли та інші конструкції в межах функції. Функції можуть бути вкладеними одна в одну, приймати багато параметрів, і бути дуже корисними для створення структурованого та повторно використовуваного коду.

Обчислення суми чисел: Припустимо, у вас є програма, яка потребує обчислення суми двох чисел на декількох місцях. Замість копіювання однакового коду кожного разу, ви можете створити функцію, яка виконує цю операцію.

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

let result1 = add(3, 5);
let result2 = add(7, 2);

Замість повторення 3 + 5 і 7 + 2 на кожному рядку, ви можете викликати функцію add() з відповідними аргументами.

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

function showMessage(message) {
  document.getElementById('output').innerHTML = message;
}

showMessage('Привіт, світ!');
showMessage('Це ще одне повідомлення.');

Функція showMessage() приймає повідомлення як параметр і встановлює його вміст в елементі з ідентифікатором 'output' на сторінці.

Перевірка паролю: Якщо ви маєте декілька місць, де потрібно перевірити пароль, ви можете написати функцію для спрощення цього процесу.

function checkPassword(password) {
  const correctPassword = 'secret';

  if (password === correctPassword) {
    console.log('Доступ дозволено!');
  } else {
    console.log('Невірний пароль. Доступ заборонено!');
  }
}

checkPassword('password123');
checkPassword('secret');

Функція checkPassword() приймає пароль як аргумент і порівнює його з правильним паролем. Залежно від результату порівняння, виводиться відповідне повідомлення на консоль.