Уроки Javascript

#10 – Функції у мові JavaScript

#10 – Функції у мові JavaScript

Функції JavaScript виконують важливу роль. Вони забезпечують скорочення коду за допомогою винесення його у окремі місця. За урок ми навчимося створювати функції та передавати в них значення.

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

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


Багато хто плутає функції та методи і не розуміє відмінностей між ними. Насправді відмінностей немає, бо що методи, що функції є одним і тим же. Функції записані поза класами називають функціями, а функції записані всередині класів називаються методами. 


Точно така ситуація зі змінним. У класах змінні називаються полями, а поза класами – змінними.


У JS функції створюються за допомогою ключового слова function. Кожна функція може мати будь-які параметри або не мати їх зовсім. Функції здатні щось повертати під час виконання коду, якщо це потрібно.


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

На основі всіх даних наша функція буде виглядати так:
function test() {
	console.log("Виведення чогось у консоль");
}

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

function test(word) {
	console.log(word);
}

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

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

function test(some_number) {
	some_number *= 2;
	return some_number;
}

Локальні та глобальні змінні

У JavaScript є кілька форматів видимості: локальна та глобальна. Якщо записати глобальну змінну, то таку змінну буде видно всюди і з нею можна працювати звідусіль у документі. Якщо записати локальну змінну, то таку змінну буде видно лише у тій області, де записана.

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

Вихідний код

Весь код буде доступний після підписки на проект!

Онлайн редактор коду

Завантаження...

Завдання до уроку

Необхідно оформити передплату на проект, щоб отримати доступ до всіх домашніх завдань

Велике завдання за курсом

Вам необхідно оформити передплату на сайті, щоб мати доступ до всіх великих завдань. У завдання входить методика рішення, а також готовий проект з відповіддю до завдання.
PS: подібні завдання доступні при підписці від 1 місяця

Також варто подивитися

Вивчення JavaScript: від нуля та до створення сайту
Уроки Angular для начинающих
Курс по NestJS с нуля / Разработка веб проектов
Створення динамічного веб-сайту
7 уроків
Уроки Node JS и Express для начинающих
Создание приложения на React JS / Использование API
Коментарі
Додати коментар

Поки що коментарів немає