Перейти до основного вмісту
Модуль 4 · Урок 1 із 413/32 у курсі~10 min
Модульні уроки (1/4)

Оголошення функції

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

Класична декларація

Найбільш поширеною формою є оголошення функції:

JS
function saluta(nome) {
  return `Ciao, ${nome}!`;
}

saluta('Anna'); // 'Ciao, Anna!'
saluta('Marco'); // 'Ciao, Marco!'

Варто зауважити:

  • nome є параметром (змінна локальна для функції).
  • 'Anna' є аргументом (значення, передане під час виклику).
  • Без return функція повертає undefined.

Вираз функції

Функції в JS є значеннями: їх можна призначити змінній.

JS
const quadrato = function (n) {
  return n * n;
};

quadrato(4); // 16

Ці дві форми майже еквівалентні, з однією важливою відмінністю:

  • Оголошення функції є "піднятим": ви можете викликати його навіть перед рядком, де воно з’являється в коді.
  • вираз функції відповідає правилам const/let: він існує лише після призначення.

Немає явного return

JS
function logga(msg) {
  console.log(`[LOG] ${msg}`);
  // no return → the function returns undefined
}

const r = logga('ciao'); // prints "[LOG] ciao"
r; // undefined

Спробуйте

вправи#js.m4.l1.e1
Спроби: 0Завантаження…

Оголошіть функцію `greet(name)`, яка повертає рядок `Ciao, <name>!`. Потім викличте його за допомогою «Анна» та використовуйте результат як останній вираз.

Завантаження редактора…
Показати підказку

функція greet(name) { return ... }

Рішення доступне після 3 спроб

Повторна вправа

вправи#js.m4.l1.e2
Спроби: 0Завантаження…

Напишіть функціональний вираз `double`, який за заданим числом повертає його double. Викличте його з 7 як останнім виразом (очікується 14).

Завантаження редактора…
Показати підказку

const double = функція (n) { return ... };

Рішення доступне після 3 спроб