PurpleSchool — курсы программирования онлайн
  • Пути
    • Frontend React разработчик
    • Frontend Vue разработчик
    • Backend разработчик Node.js
    • Fullstack разработчик React / Node.js
    • Mobile разработчик React Native
    • Backend разработчик Golang
    • Devops инженер
    • Backend разработчик Python
  • AI для кодаНовое
  • О нас
    • Отзывы
    • Реферальная программа
    • О компании
    • Контакты
  • Иконка открытия меню
    • Сообщество
    • PurpleПлюс
    • AI Собеседование
    • AI тренажёр
    • Проекты
PurpleSchool — платформа бесплатных roadmap и курсов для разработчиков
ютуб иконка
Telegram иконка
VK иконка
VK иконка
Курсы
ГлавнаяКаталог курсовFrontendBackendFullstack
Практика
КарьераПроектыPurpleПлюс
Материалы
БлогБаза знаний
Документы
Договор офертаПолитика конфиденциальностиПроверка сертификатаМиграция курсовРеферальная программа
Реквизиты
ИП Ларичев Антон АндреевичИНН 773373765379contact@purpleschool.ru

PurpleSchool © 2020 -2026 Все права защищены

  • Курсы
    • FrontendИконка стрелки
    • AI разработкаИконка стрелки
    • BackendИконка стрелки
    • DevOpsИконка стрелки
    • MobileИконка стрелки
    • ТестированиеИконка стрелки
    • Soft-skillsИконка стрелки
    • ДизайнИконка стрелки
    Иконка слояПерейти в каталог курсов
  • Бесплатно
    • Курсы
    • JavaScript Основы разработкиPython Основы PythonCSS CSS FlexboxКарта развитияВопросы для собеседований
    • База знанийИконка стрелки
    • Новостные рассылкиИконка стрелки
  • PurpleSchool — курсы программирования онлайн
    • AI для кодаНовое
    • Сообщество
    • PurpleПлюс
    • AI Собеседование
    • AI тренажёр
    • Проекты
    Главная
    Сообщество
    Когда использовать return await?

    Когда использовать return await?

    Аватар автора Когда использовать return await?

    Антон Ларичев

    Иконка календаря30 сентября 2022

    Разберёмся, что даёт нам запись return await и когда она действительно нужна, а когда создаёт дополнительную сложность в коде. Я очень часто во время ревью встречаю такую конструкцию:

    async function getUserById(id: number) {
        //...
        return await db.find(id);
    }
    

    Чуть выше в каком-нибудь контроллере мы вызываем эту функцию:

    const user = await getUserById(1);
    

    Давайте разберём когда нужно использовать такую запись с await, а когда

    async function getUserById(id: number) {
        //...
        return db.find(id);
    }
    

    Что происходит?

    Когда мы делаем return await мы с вами фактически создаём ещё один Promise. То есть цепочка становится длиннее на один Promise. Сначала будет resolve получения пользователя, а затем уже resolve функции getUserById. В целом на производительность и потребление памяти это почти не влияет, но зачем создавать новый Promise, если мы можем вернуть его на верхний уровень. Мы же хотим оптимальный код 🙂.

    На самом деле результат выполнения будет идентичен в обоих случаях.

    Когда нужен return await?

    Единственный случай, когда нам пригодится return await - это обработка ошибок в самой функции. Давайте перепишем нашу функцию следующим образом:

    async function getUserById(id: number) {
        try {
            //...
            return db.find(id);
        } catch(e) {
            // Что-то залогировать или обработать
            // !!! Сюда мы никогда не попадём
            throw e;
        }
    }
    

    В это случаем мы хотим обработать ошибку ещё на уровне функции получения пользователя. Но без добавления await мы никогда не попадём в блок catch, так как reject будет происходить уже на уровне выше. Это происходит потому, что мы просто вернули Promise без ожидания результата. И там уже вверху обработчик должен поймать ошибку, которая возникнет у нас в this.db.find(id).

    А вот в примере с return await мы будем успешно попадать в блок обработки ошибки:

    async function getUserById(id: number) {
        try {
            //...
            return await db.find(id);
        } catch(e) {
            // Что-то залогировать или обработать
            // Если ошибка, то мы сюда попадём
            throw e;
        }
    }
    

    Дальше в блоке обработки вы можете прокинуть вверх ошибку как указано в примере или вернуть какой-то дефолтный / нулевой результат на ваше усмотрение.

    Итог

    Я бы предложил придерживаться следующих правил:

    • Если вам нужно обработать ошибку на том уровне, где происходит возврат Promise - смело используйте return await.
    • Если же нет, просто делайте return, чтобы не создавать дополнительных Promise.
    Иконка глаза5 170

    Постройте личный план изучения Основы разработки до уровня Middle — бесплатно!

    Основы разработки — часть карты развития Frontend, Backend, Mobile

    • step100+ шагов развития
    • lessons30 бесплатных лекций
    • lessons300 бонусных рублей на счет

    Бесплатные лекции

    Лучшие курсы по теме

    изображение курса

    Основы Git

    Антон Ларичев
    AI-тренажерыAI-тренажеры
    Гарантия
    Бонусы
    иконка звёздочки рейтинга4.9
    3 999 ₽ 6 990 ₽
    Подробнее
    изображение курса

    HTML и CSS

    Антон Ларичев
    AI-тренажерыAI-тренажеры
    Практика в студииПрактика в студии
    Гарантия
    Бонусы
    иконка звёздочки рейтинга4.9
    3 999 ₽ 6 990 ₽
    Подробнее
    изображение курса

    CSS Flexbox

    Антон Ларичев
    Гарантия
    Бонусы
    иконка звёздочки рейтинга4.9
    бесплатно
    Подробнее

    Похожие статьи

    Картинка поста Работа с DI-контейнером на Framework Foton
    Иконка аватараКонстантин
    Иконка календаря07 октября 2026
    di-контейнерframework FotonFotonmiddleИконка уровня middle

    Работа с DI-контейнером на Framework Foton

    Что такое DI-контейнер и как с ним работать с примерами для самых маленьких на примере системы сборщика и внедрения зависимостей с автоматическим разрешением аргументов конструктора через рефлексию на Framework Foton

    Иконка чипа0
    Иконка глаза26
    Иконка комментариев0
    Картинка поста Тестирование React-компонентов с Jest и React Testing Library
    Иконка аватараАнтон
    Иконка календаря07 октября 2026
    JestReact Testing LibraryТестирование+ 1middleИконка уровня middle

    Тестирование React-компонентов с Jest и React Testing Library

    Jest и React Testing Library: как настроить окружение, писать тесты на поведение пользователя, мокировать запросы и тестировать кастомные хуки.

    Иконка чипа0
    Иконка глаза34
    Иконка комментариев0
    Иконка аватараАнтон
    Иконка календаря07 октября 2026
    Claude CodeAI-инструментыDevOps+ 2middleИконка уровня middle

    Roo Code в VS Code: подключение Claude из России

    Roo Code начинает работать из России после одной правки в настройках: провайдер — Anthropic, в поле ключа — ваш API-ключ, в поле адреса — прокси, который отвечает без VPN и берёт оплату рублями. Само расширение ставится из Marketplace обычным порядком и остаётся нетронутым: ни форка, ни патча, ни туннеля. Ключ и адрес выдаёт [AI для кода](https://purpleschool.ru/ai-for-code). Ниже — установка, настройка провайдера, режимы Roo Code и ошибки, на которых спотыкается первое подключение.

    Иконка чипа0
    Иконка глаза65
    Иконка комментариев0
    Иконка чипа0

    Комментарии

    1
    Иконка аватара
    Черкашин Александр

    16.11.2024

    await давно уже не создаёт дополнительный промис под капотом

    https://v8.dev/blog/fast-async