Функции JavaScript: параметры и return

Основная идея

Функция объединяет действие под именем и принимает входные данные через параметры. Return возвращает результат вызывающему коду. Console.log лишь выводит сообщение: функция, которая только печатает число, не становится функцией, возвращающей это число.

Для небольших вычислений удобно избегать скрытых зависимостей от глобальных переменных. Передавайте необходимые значения явно. Тогда функцию проще проверить на нескольких примерах и повторно использовать в другом компоненте.

Пример JavaScript

function totalPrice(price, quantity) {
  return price * quantity;
}
const total = totalPrice(120, 3);
console.log(total);

В переменной total окажется 360. Эту величину можно показать в интерфейсе или использовать в следующем расчёте.

Частая ошибка

Самостоятельная проверка

Проверьте функцию с количеством 0 и 1. Решите, где проверять отрицательные значения и строки: в самой функции или до её вызова.

Код здесь показан для изучения. Встроенная песочница сайта выполняет только HTML/CSS. JavaScript проверяйте в собственном учебном файле или консоли своего тестового проекта; не вставляйте непонятный код на страницах с личными данными.

Следующие темы: условия, объекты.