Профессии
  • Веб-разработчик
  • 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: машинное обучение
        Видеокурсы
        • Как войти в IT
        • Ember.js
        • Верстка - быстрый старт
        • WordPress
        • Figma и Sketch
        • Все видеокурсы
          • Веб-разработчик
          • 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: машинное обучение
                • Все записи блога
                • Истории выпускников LoftSchool
                • Полезные советы
                • Книги
                • Инструменты
                • Команда LoftSchool
                • Информация о курсах
                • Статьи
              • Видеокурсы
              Интернет-маркетолог
              -25%
              До конца акции:
              06
              18
              10
              Дней
              Часов
              Минут
              Промокод:
              market25
              • Главная
              • Блог
              • Статьи
              • Урок 4. Основы JavaScript. Функции

              Полезный блог

              Статьи
              Опубликовано 21.12.2020 16: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
                  • Информация о курсах
                • Статьи
                  • © 2012 - 2022 LOFT

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

                  • © 2012 - 2022 LOFT

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

                    • +7 (800) 600 09 54
                    • +7 (812) 339 22 01
                    • info@loftschool.com
                  • Полезная рассылка

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

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