Урок 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