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

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

  • Курсы
    • FrontendИконка стрелки
    • BackendИконка стрелки
    • DevOpsИконка стрелки
    • MobileИконка стрелки
    • ТестированиеИконка стрелки
    • Soft-skillsИконка стрелки
    • ДизайнИконка стрелки
    Иконка слояПерейти в каталог курсов
  • логотип PurpleSchool
    • Сообщество
    • PurpleПлюс
    • 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.
    Иконка глаза4 696

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

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

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

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

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

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

    Основы Git

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

    HTML и CSS

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

    CSS Flexbox

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

    Комментарии

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

    16.11.2024

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

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