JavaScript Функції
JavaScript функція – це блок коду, призначений для виконання певного завдання.
JavaScript функція виконується, коли "щось" викликає її (називає).
Приклад
function myFunction(p1, p2) {
return p1 * p2; // Функція повертає добуток p1 і p2
}
Спробуйте самі »
JavaScript Синтаксис функції
Функція JavaScript визначається за допомогою ключового слова function, після якого йде ім’я та дужки ().
Назви функцій можуть містити літери, цифри, підкреслення та знаки долара (за тими самими правилами, що й змінні).
У дужках можуть бути назви параметрів, розділені комами:
(параметр1, параметр2, ...)
Код, який виконується функцією, поміщається у фігурні дужки: {}
function name(parameter1, parameter2, parameter3) {
// код для виконання
}
Параметри функції перераховані в дужках () у визначенні функції.
Аргументи функції – це значення, отримані функцією під час її виклику.
Усередині функції аргументи (параметри) поводяться як локальні змінні.
Функція майже така ж, як процедура або підпрограма в інших мовах програмування.
Виклик функції
Код усередині функції виконуватиметься, коли "щось" викликає (називає) функцію:
- Коли відбувається подія (коли користувач натискає кнопку)
- Коли її викликають із коду JavaScript
- Автоматично (самовиклик)
Ви дізнаєтесь набагато більше про виклик функцій пізніше в цьому посібнику.
Повернення функції
Коли JavaScript досягає інструкції return (повернення), функція припиняє виконання.
Якщо функцію було викликано з інструкції, JavaScript "повернеться", щоб виконати код після інструкції виклику.
Функції часто обчислюють повернене значення. "Повернене" значення повертається до "абонента" (того, хто викликав):
Приклад
Обчисліть добуток двох чисел і поверніть результат:
let x = myFunction(4, 3); // Викликається функція, повертається значення в кінці x
function myFunction(a, b) {
return a * b; // Функція повертає добуток a та b
}
Результат x буде:
12
Чому саме функції?
Ви можете використовувати код повторно: визначте код один раз і використовуйте його багато разів.
Ви можете використовувати той самий код багато разів із різними аргументами, щоб отримати різні результати.
Приклад
Конвертуйте градуси Фаренгейта в градуси Цельсія:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);
Спробуйте самі »
Оператор () викликає функцію
У наведеному вище прикладі toCelsius посилається на об’єкт функції, а toCelsius() посилається на результат функції.
Доступ до функції без () поверне об’єкт функції замість результату функції.
Приклад
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;
Спробуйте самі »
Функції, що використовуються як значення змінних
Функції можна використовувати так само як і змінні, у всіх типах формул, присвоєнь і обчислень.
Приклад
Замість використання змінної для збереження значення, що повертається функцією:
let x = toCelsius(77);
let text = "The temperature is " + x + " Celsius";
Ви можете використовувати функцію безпосередньо, як значення змінної:
let text = "The temperature is " + toCelsius(77) + " Celsius";
Спробуйте самі »
Пізніше в цьому підручнику ви дізнаєтеся набагато більше про функції.
Локальні змінні
Змінні, оголошені у функції JavaScript, стають ЛОКАЛЬНИМИ для функції.
До локальних змінних можна отримати доступ лише зсередини функції.
Приклад
// код тут НЕ може використовувати carName
function myFunction() {
let carName = "Volvo";
// код тут МОЖЕ використовувати carName
}
// код тут НЕ може використовувати carName
Спробуйте самі »
Оскільки локальні змінні розпізнаються лише всередині своїх функцій, змінні з однаковими іменами можна використовувати в різних функціях.
Локальні змінні створюються, коли функція запускається, і видаляються, коли функція завершується.
