What is a Function?
Understand functions through simple real-life analogies
Function = recipe
A pancake recipe can be used many times. Write it once — cook as many as you like. A function in code is the same: write the code once, call it whenever you need.
Анатомія функції — розбір по частинах
Дивись на структуру крок за кроком:
return sends a result back from the function.
Параметри і аргументи — яка різниця?
- Параметр — це назва-заповнювач в оголошенні функції:
function greet(**name**) - Аргумент — це реальне значення яке передається при виклику:
greet(**"Марія"**)
Параметр — як порожня коробка з наклейкою. Аргумент — те що ти кладеш у коробку.
function add(a, b) { // a і b — параметри (порожні коробки)
return a + b;
}
add(5, 3); // 5 і 3 — аргументи (вкладаємо значення у коробки)
add(10, 7); // при кожному виклику можна передати різні значенняФункція може приймати кілька параметрів — вони перераховуються через кому в дужках.
return повертає результат з функції — його можна зберегти у змінну або одразу використати.
console.log vs return — найважливіша різниця
Це одна з найчастіших помилок новачків:
console.log | return | |
|---|---|---|
| Що робить | Виводить на екран | Повертає значення з функції |
| Чи можна зберегти? | Ні — «вилетіло і зникло» | Так — let x = myFunc() |
// ❌ console.log всередині — результат не повертається
function showSum(a, b) {
console.log(a + b); // виводить на екран
}
let r1 = showSum(5, 3);
console.log(r1); // undefined! — нічого не повернулось
// ✅ return — результат доступний зовні
function getSum(a, b) {
return a + b; // повертає значення
}
let r2 = getSum(5, 3);
console.log(r2); // 8 — ось де результатПравило: якщо хочеш ВИКОРИСТАТИ результат функції — return. Якщо просто показати всередині — console.log.
Стрілкова функція — розбір по частинах
Стрілкова функція — це скорочений спосіб написати функцію. Ключовий символ — => (стрілка, читається «повертає»):
Стрілкова функція без {} — тіло після => це і є return. З {} — потрібен явний return.