Пользовательские функции в JavaScript | OTUS
⚡ Подписка на курсы OTUS!
Интенсивная прокачка навыков для IT-специалистов!
Подробнее

Курсы

Программирование
Team Lead Архитектура и шаблоны проектирования Разработчик IoT C# Developer. Professional PostgreSQL Подготовка к сертификации Oracle Java Programmer (OCAJP) C# ASP.NET Core разработчик
-5%
Kotlin Backend Developer
-8%
iOS Developer. Professional
-8%
Symfony Framework Unity Game Developer. Basic JavaScript Developer. Professional Android Developer. Basic JavaScript Developer. Basic Java Developer. Professional Highload Architect Reverse-Engineering. Professional Java Developer. Basic PHP Developer. Professional Алгоритмы и структуры данных Framework Laravel Cloud Solution Architecture Vue.js разработчик Интенсив «Оптимизация в Java» Супер - интенсив по паттернам проектирования Супер - интенсив по Kubernetes Супер-интенсив "Tarantool" PHP Developer. Basic
Инфраструктура
Мониторинг и логирование: Zabbix, Prometheus, ELK Дизайн сетей ЦОД Разработчик IoT PostgreSQL Экспресс-курс "Версионирование и командная работа с помощью Git"
-30%
Экспресс-курс «Введение в непрерывную поставку на базе Docker» Базы данных Reverse-Engineering. Professional Administrator Linux. Professional Network engineer Cloud Solution Architecture Внедрение и работа в DevSecOps Супер-практикум по работе с протоколом BGP Супер - интенсив по паттернам проектирования Супер - интенсив по Kubernetes Супер-интенсив «СУБД в высоконагруженных системах» Супер-интенсив "Tarantool" Network engineer. Basic
Корпоративные курсы
Безопасность веб-приложений IT-Recruiter Дизайн сетей ЦОД Компьютерное зрение Разработчик IoT Вебинар CERTIPORT Machine Learning. Professional
-6%
NoSQL Пентест. Практика тестирования на проникновение Java QA Engineer. Базовый курс Руководитель поддержки пользователей в IT
-8%
SRE практики и инструменты Cloud Solution Architecture Внедрение и работа в DevSecOps Супер-практикум по работе с протоколом BGP Infrastructure as a code Супер-практикум по использованию и настройке GIT Промышленный ML на больших данных Экспресс-курс «CI/CD или Непрерывная поставка с Docker и Kubernetes» BPMN: Моделирование бизнес-процессов Основы Windows Server
Специализации Курсы в разработке Подготовительные курсы Подписка
+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 комментариев
Для комментирования необходимо авторизоваться