Створення функцій в JavaScript

Ви повинні пам'ятати зі школи, що таке функція. Якщо ні, то нагадую. У функції є певні параметри, якими вона маніпулює, і повертає результат. Наприклад, функція y = 2 * x +5. Тут ми можемо задати x = 3, а у відповідь отримаємо y = 11. Ось це приклад функції з математики. Абсолютно аналогічні функції і в javascript, тільки тут функцією може бути не просто якесь обчислення якогось вираження, а все, що завгодно.

Давайте для початку створимо функцію, яка 3 рази виводить повідомлення "Привіт".

Перший рядок повідомляє, що далі йде сценарій на мові javascript. На наступному рядку оголошується функція. Як бачите, все починається з ключового слова function. Усередині дужок вказуються параметри, але в даному випадку параметрів немає, тому всередині дужок все пусто. Далі йдуть фігурні дужки, всередині яких знаходиться код функції, який повинен бути виконаний при її виклику. Якості цього коду використовується функція alert (), яка викликає інформаційне віконце, в якому написаний текст, заданий параметром. В якості параметра функції alert () (це приклад вбудованої функції) передаємо рядок "Привіт". Функцію alert () ми викликаємо три рази.

Тепер поговоримо про функції з параметрами. Давайте створимо один з таких прикладів (буду писати відразу функцію і її виклик, без тега <script>).

Код досить прозорий, однак, давайте прокоментую. Знову ключове слово function, потім назва функції (в даному випадку, нехай буде sum). Усередині дужок вказав два параметри, які потрібні (x і y). Усередині функції я створюю ще одну змінну sum (це абсолютно нормально називати змінні і функції однаково), якою привласнюю суму x і y (які були передані). І потім виводжу в вікно браузера отриманий результат. Після функції викликаю її, передавши параметри 5 і 4. Ви можете перевірити, і побачите у вікні браузера - 9.

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

Зверніть увагу на ключове слово return. Воно повертає результат (у нашому випадку - суму двох чисел).