Loftschool школа онлайн обучения IT профессиям
Профессии
  • Веб-разработчик
  • Frontend разработчик
  • Backend разработчик
  • Full Stack разработчик
  • Интернет-маркетолог
  • Android-разработчик
  • UX/UI Дизайнер
Курсы
          • Основы вёрстки
          • Веб для начинающих
          • JavaScript
          • Vue.js
          • React.js
          • Node.js
          • PHP
          • Контекстная реклама
          • SMM
          • SEO для всех
          • Android: базовый
          • Android: продвинутый
          • UX/UI-дизайн: базовый
          • UX/UI-дизайн: PRO
          • Python для начинающих
          • Python: машинное обучение
        • Главная
        • Блог
        • Статьи
        • Урок 4. Основы JavaScript. Функции
        Полезный блог
        Статьи
        Опубликовано 21.12.2020 13:54

        Урок 4. Основы JavaScript. Функции

        Функции – важная часть программы. Они представляют собой алгоритм выполнения какого-то действия. Берём данные, подаём их в функцию и на выходе получаем результат. Её можно вызывать бесконечно в любой части программы, где необходимо выполнить этот же алгоритм. Благодаря этому мы не прописываем код повторно, а только указываем название функции, и компьютер понимает, что надо сделать.

        Составные части

        Ключевое слово для функций в JavaScript – function. Алгоритм состоит из таких частей:

        — имя – с помощью него мы вызываем функцию;

        — параметры – данные, которые подаются в функцию, указываются в круглых скобках;

        — тело – здесь мы указываем, что необходимо с этими данными сделать, и просим функцию «вернуть» (return) результат, то есть присвоить полученное значение функции, чтобы увидеть его при выводе результата в консоль. Пишется в фигурных скобках {}. 

        Простейшая функция на языке JavaScript выглядит так:

        function sum(a,b) {
            return a+b;
        }

        Разберём её на части:

        function – ключевое слово для функции;

        sum – имя функции, по которому мы будет вызывать её в программе по необходимости;

        (a,b) – параметры, где мы говорим, что функция будет работать с двумя переменными a и b.

        {return a+b;} – тело функции, где мы просим вернуть результат, который получится в результате сложения переменных a и b.

        По-другому тело функции можно расписать так:

        function sum(a,b) {
            let result = a+b;
            return result;
        }

        Что мы сделали? Мы создали переменную result, куда записали значение арифметического выражения a+b и попросили вернуть (return) значение переменной result.

        Если значение переменной – арифметическое выражение, то в неё записывается не само выражение, а его результат. Представьте, что мы присвоили переменной result значение 2+1. Фактически значение переменной result будет не «2+1», а «3». Проверим:

        let result = 2+1;
        console.log(result);

        Результат:

        3

        Аргументы функции

        Когда мы создали функцию, указав параметры и тело – это только описание алгоритма, по которому она должна работать. Но код ещё не выполняется. Чтобы функция заработала, мы указываем её имя, а в скобках указываем аргументы функции.

        Аргументы функции – это значения, которые подставляются в алгоритме под соответствующие параметры.

        В нашей функции (a,b) – это параметры. Если мы хотим, чтобы функция выдала нам результат сложения чисел, например, 4 и 8, то мы напишем:

        console.log(sum(4,8));

        (4,8) – это уже не параметры, а аргументы функции.

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

        Каждый результат вызова функции можно сохранить в отдельную переменную, чтобы позже использовать. Например:

        1. Создаём функцию sum:

        function sum(a,b) {
            let result = a+b;
            return result;
        }

        2. Создаём две переменные и записываем в них результаты функции sum с разными аргументами:

        let one = sum(20, 10);
        let two = sum(100, 12);

        3. Выводим в консоль значение переменных one и two:

        console.log(one);
        console.log(two);

        Видим результат:

        30
        112

        Теперь где бы мы ни обратились к переменным one и two, компьютер воспримет их значение как 30 и 112 соответственно. 

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

        В следующем уроке расскажем о таком понятии, как «область видимости», и разребём, что такое замыкания в JavaScript.

          Поделись публикацией

          Категории

          • Все записи блога
            • Трудоустройство
              • Истории выпускников LoftSchool
              • Полезные советы
            • Полезные ссылки
              • Книги
              • Инструменты
            • Новости школы
              • Команда LoftSchool
              • Информация о курсах
            • Статьи
              • Архив материалов
                • DevNews
                • DevShow
                • Loftnews
                • Loftschool
                • Loftvlog
                • Интервью
                • Видеоуроки
              • © 2012 - 2023 LOFT

                Школа онлайн образования

              • © 2012 - 2023 LOFT

                Школа онлайн образования

                • +7 (800) 600 09 54
                • +7 (812) 339 22 01
                • [email protected]
                УчастникSkolkovo
              • Полезная рассылка

                Подпишись, чтобы быть в курсе наших новостей, акций и скидок.

              • Полезное
                • Карта курсов
                • B2B
                • Работодателям
                • Партнерская программа
                • Вакансии
                • Стать автором
                • Подарочные сертификаты
                • Вебинары
                • Блог
                • FAQ
              • Информация
                • Публичная оферта портала
                • Политика конфиденциальности
                Безопасная передача данных