Оператор return в javascript - повернення значень функцією

Виводимо результат роботи функції на екран

Якщо повернутися до попередніх уроків: Введення в Функції і Область видимості змінних. то ми побачимо, що у всіх прикладах результат роботи функції ми відразу виводили на екран за допомогою метод write () об'єкта document.

function square (number) / * Створюємо функцію * /

var result = number * number; / * Створюємо змінну, що містить квадрат числа * /

document. write (result); / * Виводимо змінну на екран * /
>

square (15); / * Викликаємо функцію * /

У цьому прикладі ми створили функцію, яка обчислює квадрат числа і виводить це значення (результат совій роботи) на екран.

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

Повернення значення функції - Оператор return

Продовжимо працювати з попереднім прикладом. Тільки тепер ми не будемо відразу виводити результат роботи функції (тобто квадрат числа) на екран, а використовуємо його в подальшому для будь-яких обчислень.

Для таких випадків передбачена можливість повернення значень функцією. Це робиться за допомогою оператора return. Давайте на прикладі подивимося, як це реалізується.

function square (number) / * Створюємо функцію * /

var result = number * number; / * Створюємо змінну, що містить квадрат числа * /

return result; / * Повертаємо змінну, що містить квадрат числа * /
>

var total = square (25); / * Викликаємо функцію і заносимо результат її роботи в змінну total * /
document. write (total); / * Виводимо змінну total на екран * /

Отже, що ми зробили?

За допомогою оператора return ми повертаємо значення функції - змінну result. містить квадрат числа.

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

Тепер ми можемо викликати функцію в будь-якому місці програми і використовувати результат її роботи в своїх цілях.

Що ми і робимо далі: заносимо значення (результат роботи) функції в змінну total. Потім виводимо цю змінну (а значить і результат роботи функції) на екран.

Давайте ще раз повторимо пройдений матеріал. Алгоритм наших дій такий:

Створюємо функцію + повертаємо її значення (результат роботи) - оператор return

Викликаємо функцію в будь-якому місці програми + заносимо результат її роботи в будь-яку змінну

Використовуємо змінну, що містить значення функції на свій розсуд

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

function square (number) / * Створюємо функцію * /

var result = number * number; / * Створюємо змінну, що містить квадрат числа * /

return result; / * Повертаємо змінну, що містить квадрат числа * /
>

var g = square (15) + square (9); / * Викликаємо функцію і при цьому ми заносимо результат її роботи в змінну g * /
document. write (g); / * Виводимо змінну g на екран * /

window.alert (g); / * Виводимо змінну g за допомогою методу alert * /

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

Створити функцію fio (), яка по черзі запитує у користувача ім'я, прізвище та по батькові,
а як результат своєї роботи повертає ПІБ одним рядком з пробілами між словами.

Для виконання домашнього завдання, крім цього уроку, нам потрібно буде згадати матеріал, який ми проходили, вивчаючи методи об'єкта Window. нам знадобитися метод prompt. який викликає вікно з полем для введення інформації.

Решта Вам повинно бути відомо з поточного уроку.

Далі я привожу рішення цього завдання.

var name_1 = prompt ( "Назвіть Ваше ім'я"); / * Заносимо інформацію, що повертається методом prompt в змінну name_1 * /

var name_2 = prompt ( "Вкажіть Вашу Прізвище"); / * Заносимо інформацію, що повертається методом prompt в змінну name_2 * /

var name_3 = prompt ( "І, нарешті, впишіть своє по батькові."); / * Заносимо інформацію, що повертається методом prompt в змінну name_3 * /

var m = name_2 + "" + name_1 + "" + name_3; / * Створюємо довільну змінну * /

return m; / * Повертаємо змінну * /
>

var full_name = fio (); / * Викликаємо функцію і заносимо її значення (результат роботи) в змінну full_name * /
document. write (full_name); / * Виводимо змінну full_name на екран * /