7.4. Функції
Одним з основних елементів мови програмування JavaScript є функція. Функції надають можливість об’єднувати оператори у логічно незалежні частини з метою багаторазового звернення до них з різних частин програми. На відміну від багатьох інших процедурних мов програмування мова JavaScript не робить різниці між такими видами підпрограм, як процедури і функції. Процедури виконують певні дії, а функції повертають деяке значення. У мові JavaScript обидві ці задачі можуть вирішувати функції.
Перш ніж застосовувати функцію, її треба описати у області заголовку HTML – документа. Це виконується із застосуванням синтаксису:
function ім’я_функції (список_аргументів) {
блок операторів;
[return значення;]
}
Функція може приймати для подальшої обробки декілька аргументів, що відокремлюються у списку комами. Робота з кожним аргументом виконується як зі змінною, якій при зверненні до функції привласнено певне початкове значення. Необов’язковий оператор return у тілі функції визначає значення, що повертає функція.
Для звернення до функції слід визначити її ім’я і в круглих дужках список фактичних параметрів – значень, що потрібно обробити. Кількість фактичних параметрів повинна співпадати з кількістю аргументів у описі функції.
Використання функції можна розглянути на такому прикладі. Створено сценарій, за яким можна ввести будь-яке число Х, визначити усі значення послідовності: 11, 22, 33, … ХХ. Web – документ може виглядати так:
<html>
<head>
<title>Приклад застосування функції</title>
<script type="text/javascript">
function fncY(v){
var z=v;
for (m=1; m<v; m++)
z=z*v;
return z;
}
</script>
</head>
<body>
<script type="text/javascript">
var x = Number(prompt("Введіть X",""));
for (i=1; i<=x; i++) {
var y=fncY(i);
document.write("Y = "+y+"<br>");
}
</script>
</body>
</html>
У заголовній частині документа описано функцію fncY(), яка приймає аргумент v, обчислює значення vv і повертає результат, що отримано. У основній частині документа під час виконання сценарію за допомогою вікна діалогу prompt() визначається значення Х, далі в циклі обробляються усі члени послідовності від 1 до Х, для розрахунку значення кожного члену здійснюється звернення до функції fncY(). Якщо, наприклад, число Х визначено як 7, то результат роботи сценарію буде таким як на рис. 7.4.
Рисунок 7.4 - Результат виконання сценарію – приклада застосування функції
Аналогічного результату можна досягти, якщо використовувати функцію як підпрограму в традиційних процедурних мовах програмування. Тобто, коли функція не повертає деяке значення, а виконує певні дії. Результат не зміниться, якщо код HTML – документа приклада буде таким:
<html>
<head>
<title>Приклад застосування функції</title>
<script type="text/javascript">
function fncY(v){
for (i=1; i<=v; i++) {
var z=i;
for (m=1; m<i; m++) z=z*i;
document.write("Y = "+z+"<br>")
}
}
</script>
</head>
<body>
<script type="text/javascript">
var x = Number(prompt("Введіть X",""));
fncY(x);
</script>
</body>
</html>
Як бачимо, у основній частині документа відбувається звернення до функції fncY(), а власно функція виконує всі розрахунки і виведення результату.
Контрольні питання
Як використовується мова JavaScript?
Як описати сценарій всередині HTML – документа?
Сценарій може бути розташовано у зовнішньому файлі? Якщо так, то як до нього посилатися?
Що таке змінна? Як оголошуються змінні?
Які знаки арифметичних і логічних операцій Вам відомі?
Які знаки порівняння можна використовувати у логічних виказах?
Які методи дають змогу організувати діалог з користувачем?
Як записати дані сценарію у HTML - документ?
Які оператори мови JavaScript дають змогу організувати розгалужений обчислювальний процес?
Які оператори мови JavaScript дають змогу організувати циклічний обчислювальний процес?
Що таке функція? Як створити функцію? Як до неї звернутися?
Практичні завдання
Варіант №1
Розробити сценарій, під час виконання якого можна ввести купівельну ціну товару, відсоток торговельної націнки, кількість товару, що продається. Сценарій повинен розраховувати і виводити у HTML – документ ціну продажу товару, суму реалізації.
Варіант №2
Розробити сценарій, під час виконання якого можна ввести первинну вартість основного засобу, термін використання у місяцях. Сценарій повинен розраховувати і виводити у HTML – документ залишкову вартість основного засобу виходячи з того, що кожного місяця залишкова вартість зменшується на 1%.
Варіант №3
Розробити сценарій, під час виконання якого можна ввести оцінки студента з трьох дисциплін. Сценарій повинен нараховувати і виводити у HTML – документ стипендію студента, яка складає 600 грн., якщо всі оцінки більше 90 балів, 500 грн. – коли усі оцінки вище 74 балів.