На нашем сайте мы используем cookie для сбора информации технического характера и обрабатываем IP-адрес вашего местоположения. Продолжая использовать этот сайт, вы даете согласие на использование файлов cookies. Здесь вы можете узнать, как мы пользуемся файлами cookies.
Я согласен
логотип upread.ru

Урок 32. Функции JavaScript: return


Все уроки по JavaScript расположены здесь.

Когда функция вызывается, компьютер будет выполнять её и вычислять (определять) результат вызова функции. По умолчанию это результирующее значение не определено.

function rectangleArea(width, height) {
  let area = width * height 
}
console.log(rectangleArea(5, 7)) // undefined
В примере кода выше мы определили нашу функцию для вычисления площади с входящими параметрами width и height. Затем rectangleArea() вызывается с аргументами 5 и 7. Но когда мы пошли печатать результаты, мы получили undefined. Мы написали нашу функцию неправильно? Нет! На самом деле, функция работала нормально, и компьютер рассчитал площадь как 35, но мы не захватили ее. Так как же мы можем это сделать? С ключевым словом return!


Использование ключевого слова return в функции

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

Когда оператор return используется в теле функции, выполнение функции останавливается и следующий за ней код не выполняется. Посмотрите на пример ниже:

function rectangleArea(width, height) {
  if (width < 0 || height < 0) {
    return 'вам нужны положительные целые числа для вычисления площади!';
  }
  return width * height;
}
Если аргумент ширины или высоты меньше 0, то rectangleArea() вернет 'вам нужны положительные целые числа для вычисления площади!'. Второй оператор return width * height не будет выполняться.

Ключевое слово return позволяет функциям создавать выходные данные. Затем мы можем сохранить их в переменную для последующего использования.

Упражнения к уроку

  1. Представьте, если бы нам нужно было заказать мониторы для всех в офисе, и этот офис удобно расположен в форме сетки. Мы могли бы использовать функцию, чтобы помочь нам рассчитать необходимое количество мониторов. Объявите функцию monitorCount(), которая имеет два параметра. Первый параметр rows, а второй columns.
  2. Давайте вычислим количество мониторов путем умножения строк и столбцов, а затем вернем значение. В теле функции, которую вы только что написали, используйте ключевое слово return для возврата строк * столбцов.
  3. Теперь, когда функция определена, мы можем вычислить необходимое количество мониторов. Предположим, что офис имеет 5 строк и 4 столбца. Объявите переменную с именем numOfMonitors с помощью ключевого слова const и присвойте numOfMonitors значение вызова метода monitorCount () с аргументами 5 и 4.
  4. Чтобы проверить правильность работы функции, выведите на консоль numOfMonitors.





тегистатьи IT, уроки по JavaScript, JavaScript, функции, return

Читайте также:




Урок 27. Что такое функции в JavaScript
Required и onclick


© upread.ru 2013-2020
При перепечатке активная ссылка на сайт обязательна.
Задать вопрос
письмо
Здравствуйте! Вы можете задать мне любой вопрос. Если не получается отправить сообщение через эту форму, то пишите на почу up777up@yandex.ru
Отправляя сообщение я подтверждаю, что ознакомлен и согласен с политикой конфиденциальности данного сайта.