EasyCode365EasyCode365

Вхідні та вихідні значення функцій

Ти вже знаєш, як створювати і викликати базові функції.

Тепер ти дізнаєшся, як одна й та сама функція може працювати з різними значеннями і повертати результат назад у твій код.

Вхідні значення: параметри й аргументи

Вхідне значення функції — це значення, яке функція отримує під час запуску.

У JavaScript для вхідних значень функцій ми використовуємо два важливі слова: параметри й аргументи.

Параметр — це назва-заповнювач усередині визначення функції.

Аргумент — це реальне значення, яке ти передаєш у функцію, коли викликаєш її.

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

Можна редагувати
function greetUser(firstName) {
  console.log("Привіт, " + firstName + "!");
}

greetUser("Анна");
greetUser("Богдан");

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

У цьому прикладі firstName — це параметр. Він працює як порожнє місце всередині функції.

Коли ми пишемо greetUser("Анна"), "Анна" — це аргумент. JavaScript вставляє "Анна" на місце firstName і створює привітання.

Коли ти натиснеш Запустити, то побачиш два привітання в секції виводу.

Вихідні значення: використання return

Іноді функція має обчислити значення і повернути результат до решти твого коду.

Для цього використовують ключове слово return.

Коли JavaScript доходить до return, функція зупиняється і відправляє значення назад у місце, де її викликали.

Ти можеш зберегти це повернуте значення у змінній.

Можна редагувати
function calculateTotal(price, tax) {
  return price + tax;
}

const finalPrice = calculateTotal(10, 2);
console.log("Твоя сума: " + finalPrice);

return vs console.log()

console.log() надсилає значення в секцію виводу, щоб ти міг його побачити.

return повертає значення назад у твій код, щоб програма могла зберегти його і використати знову.

У прикладі вище calculateTotal(10, 2) повертає 12. Потім 12 зберігається у змінній finalPrice.

Наприкінці console.log() показує фінальне повідомлення в секції виводу.

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

Відредагуй приклад calculateTotal вище.

Зміни аргументи всередині calculateTotal(10, 2), щоб знайти суму для ціни 20 і податку 5.

Натисни Запустити, щоб побачити нову суму в секції виводу.

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

Запитання: У чому різниця між параметром і аргументом?

Відповідь: Параметр — це назва-заповнювач у визначенні функції. Аргумент — це реальне значення, яке передають у функцію під час виклику.

Малий виклик

Напиши функцію з назвою getScore.

Функція має приймати два параметри: points і bonus.

Усередині функції поверни суму цих двох чисел.

Потім виклич свою функцію з реальними аргументами, збережи результат у змінній і виведи цю змінну.

Можна редагувати
// напиши свій код нижче

console.log()

Підсумок

  • Параметр — це заповнювач усередині визначення функції.
  • Аргумент — це реальне значення, передане під час виклику функції.
  • return повертає значення з функції.
  • console.log() показує значення в секції виводу.
  • Повернуті значення можна зберігати у змінних і використовувати пізніше.