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

          Скидка на все

          курсы и профессии

          -46%

          ВЕСЬ

          ИЮНЬ

          До конца акции:
          24
          Дней
          09
          Часов
          00
          Минут
          • Главная
          • Блог
          • Статьи
          • Урок 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]
                • Полезная рассылка

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

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