Ранний выход из функции в JavaScript: условия и синтаксис

Быстрый ответ

Ранний return представляет собой эффективный метод преждевременного завершения работы функции:

function checkValue(value) {
  if (value <= 0) return 'Недопустимо'; // Если значение меньше или равно 0, завершаем функцию
  return 'Допустимо'; // В противном случае продолжаем работу
}

С помощью оператора return вы можете управлять ходом исполнения функции, незамедлительно прекращая её при соблюдении определённых условий.

Немного подробнее: return

Функцией могут возвращаться значения любого типа, не ограничиваясь undefined. Это позволяет эффективно передать результат выполнения или статус работы функции:

function divide(x, y) {
  if (y === 0) return false; // Деление на "0" невозможно, сразу выходим
  return x / y; // В других случаях деление производится
}

Не забывайте использовать return в циклах и вложенных функциях для выхода из них:

function findFirstPositive(numbers) {
  for (let num of numbers) {
    if (num > 0) return num; // Найдено первое положительное число, выходим из функции
  }
  return null; // Если положительные числа не обнаружены
}

Неправильное использование оператора return может привести к сложностям. Например, инструменты анализа кода, такие как JSHint, требуют явного указания возвратов.

Если уходить с вечеринки уж слишком рано: break, continue

Для выхода из блоков кода или циклов, не завершая работы функции, используйте break и continue:

outer: for (let i = 0; i < 10; i++) {
  for (let j = 0; j < 10; j++) {
    if (i + j >= 10) break outer; // Прерываем внешний цикл
  }
}

Для критических ситуаций используйте throw, который также может прекратить работу функции:

function calculate(input) {
  if (!isValid(input)) {
    throw new Error('Неверный ввод'); // Выбрасываем исключение при некорректных данных
  }
  // Обработка данных...
}

Используйте try-catch для обработки ошибок:

try {
  result = calculate(data);
} catch (error) {
  console.error(error.message); // Обрабатываем исключение
}

Визуализация

Представьте себе функцию как путешествие на поезде (🚂):

Станция 1 🚏 Начало функции
| 🛤 ..........................
Станция 2 🚏 Промежуточный код
| 🛤 ..........................
Станция 3 🚏 Точка досрочного выхода <-- 🚦
| 🛤 ..........................
Станция 4 🚏 Следующий код...
| 🛤 ..........................
Конечная станция 🏁 Завершение функции

Когда surge встречается красный свет (🚦), поезд останавливается раньше:

🚂--🚏--🚏--🚦 (Здесь поезд останавливается и все сходят, звонит звонок 🛎️)

То есть:

if (condition) {
  return; // 🚦 Функция завершает работу, остальной код игнорируется
}
// Всё, что после return, недоступно, как заброшенные дома 🏚️

Как избегать ловушек

Для комфортной работы с кодом следует:

• Приоритизировать читаемость: используйте return для избавления от сложных if и повышения понятности кода.
• Защитное программирование: решите крайние случаи на ранней стадии работ функции.

Уместность раннего выхода следует соотносить с целями функции и её сложностью.

Вопросы производительности

Если функция обрабатывает большие объёмы данных или работает с массивами, ранний return может устранить избыточность работы вашего кода:

function processItems(items) {
  if (!items.length) return; // Игнорируем пустые массивы
  // Обработка данных...
}

Однако не стоит слепо оптимизировать код. Проанализируйте и протестируйте свой код, чтобы увидеть реальные улучшения.

Правильное кодирование

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

Полезные материалы

1. Функции – JavaScript | MDN — Mozilla объясняет возвращение значений в функциях JavaScript.
2. Должна ли функция иметь только один оператор return? – Stack Overflow — приводится обсуждение на Stack Overflow о лучших практиках использования оператора возврата.
3. Функции — подробный анализ выходов из функций на JavaScript.info.
4. Учебник Javascript для начинающих – #3 Учебник функций Javascript – YouTube — Learn Code Academy представляет обзор функций в JavaScript.
5. GitHub – ryanmcdermott/clean-code-javascript: Код на JavaScript, написанный по принципам "чистого кода" — описаны принципы написания чистого и поддерживаемого кода на JavaScript, включая применение ранних возвратов.
6. Документация JSHint — документация JSHint о параметрах, требующих использования или исключения ранних возвратов.