Пользовательские функции в JavaScript | OTUS
🔥 Начинаем BLACK FRIDAY!
Максимальная скидка -25% на всё. Успейте начать обучение по самой выгодной цене.
Выбрать курс

Курсы

Программирование
iOS Developer. Basic
-25%
Python Developer. Professional
-25%
Разработчик на Spring Framework
-25%
Golang Developer. Professional
-25%
Python Developer. Basic
-25%
iOS Developer. Professional
-25%
Highload Architect
-25%
JavaScript Developer. Basic
-25%
Kotlin Backend Developer
-25%
JavaScript Developer. Professional
-25%
Android Developer. Basic
-25%
Unity Game Developer. Basic
-25%
Разработчик C#
-25%
Программист С Web-разработчик на Python Алгоритмы и структуры данных Framework Laravel PostgreSQL Reverse-Engineering. Professional CI/CD Vue.js разработчик VOIP инженер Программист 1С Flutter Mobile Developer Супер - интенсив по Kubernetes Symfony Framework Advanced Fullstack JavaScript developer Супер-интенсив "Azure для разработчиков"
Инфраструктура
Мониторинг и логирование: Zabbix, Prometheus, ELK
-25%
DevOps практики и инструменты
-25%
Архитектор сетей
-25%
Инфраструктурная платформа на основе Kubernetes
-25%
Супер-интенсив «ELK»
-16%
Супер-интенсив «IaC Ansible»
-16%
Супер-интенсив "SQL для анализа данных"
-16%
Базы данных Сетевой инженер AWS для разработчиков Cloud Solution Architecture Разработчик голосовых ассистентов и чат-ботов Внедрение и работа в DevSecOps Администратор Linux. Виртуализация и кластеризация Нереляционные базы данных Супер-практикум по использованию и настройке GIT IoT-разработчик Супер-интенсив «СУБД в высоконагруженных системах»
Специализации Курсы в разработке Подготовительные курсы
+7 499 938-92-02

Пользовательские функции в JavaScript

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

О работе с функциями в JavaScript мы уже подробно писали в этой статье, поэтому повторяться не будем. Однако стоит добавить следующее: существуют как встроенные, так и пользовательские функции JavaScript. Например, встроенная функция alert()запускает в браузере окно с каким-нибудь текстом и специальной кнопкой для подтверждения. Пока это окошко висит в браузере, выполнение скриптов будет приостановлено. Для продолжения работы пользователю надо просто нажать на кнопку «OK», тем самым подтвердив, что он ознакомлен с выведенной в окошке информацией:

js_prompt_01_1-20219-bf7324.jpg

Так вот, когда мы говорим о пользовательских функциях в JavaScript, то имеем в виду функции, которые разработчик создаёт сам. В прошлом примере в качестве пользовательской функции выступала функция showMessage(). В этот раз давайте создадим какую-нибудь очередную простую пользовательскую функцию, и пусть она выведет, допустим, три окна подряд.

Но для начала не мешало бы вспомнить схему написания пользовательской функции. В JavaScript она создаётся так: 1) пишем ключевое слов function; 2) пишем имя функции со скобками, не забываем ставить пробел; 3) записываем нужный нам код в фигурных скобках:

// создание функции в JavaScript
function имя_функции() {
 блок кода;
}

// вызов функции
имя_функции();

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

Следует лишь помнить, что имя функции не должно совпадать с именем какой-нибудь переменной. В остальном, правила задания имён функциям в JavaScript совпадают с правилами задания имён переменным.

Итак, переходим к нашей пользовательской функции:

function privetstvie() {
 alert("Привет,");
 alert("как");
 alert("дела?");
}

То есть перед нами классический пример наличия одной функции внутри другой функции. Чтобы находящийся в функции код выполнился, останется лишь вызвать пользовательскую функцию, написав её имя:

privetstvie();

Результатом работы этого JavaScript-кода станет последовательный вывод трёх окошек следующего содержания:

1-20219-808bdc.png

Не пропустите новые полезные статьи!

Спасибо за подписку!

Мы отправили вам письмо для подтверждения вашего email.
С уважением, OTUS!

Автор
0 комментариев
Для комментирования необходимо авторизоваться
🎁 Максимальная скидка!
Черная пятница уже в OTUS! Скидка -25% на всё!