Делаем добро вместе Детальнее

Уроки Javascript

#10 – Функции в языке JavaScript

#10 – Функции в языке JavaScript

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

Видеоурок

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


Многие путают функции и методы и не понимают отличий между ними. На самом деле отличий нет, так как что методы, что функции являются одним и тем же. Функции что записаны вне классов называют функциями, а функции что записаны внутри классов называются методами. 


Точно такая же ситуация обстоит с переменным. В классах переменные называются полями, а вне классов - переменными.


В 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 месяца

Также стоит посмотреть

Создание приложения на React JS / Использование API
7 уроков
Создание динамического веб сайта
22 урока
Уроки Vue.js для начинающих
10 уроков
Уроки Angular для начинающих
7 уроков
Изучение JavaScript: от нуля и до создания сайта
Уроки React Native для начинающих / Разработка приложения с нуля
11 уроков
Комментарии для сайта Cackle