В чём отличие использования промиса совместно с catch и просто try/catch?

Question

[ivan_kholodov]

Добрый день! Просветити пожалуйста такой момент:
В чём существенное отличие использования промиса вот так:

logout(что-то передается здесь)
.catch(({ error, password}) => {
  switch (error) {
    ...различные обработки
  }
}

и вот так:

try {
  logout(что-то передается здесь)
} catch ({ error, password }) {
  switch(error) {
    ...различные обработки
}
}

второй вариант не работает и код не заходит в catch если вызвать ошибку

Comments

[Михаил]

2й вариант нужен await logout

[ReaverJS]

Когда в теле try вы вызываете асинхронную функцию logout - то функция возвращает промис. Т.е. никакой ошибки на этот момент нет. Следовательно блок catch - не отрабатывает.

В первом же варианте - catch ждет пока функция не отработает.

Answer 1

[alex4answ]

1. вариант отловит ошибку в промисе
2. вариант не отловит ошибку в промисе, тк он асинхронный, для того чтобы работало нужно добавить async await

Answer 2

[Сергей Соколов]

синхронный код: try {} catch() {}
асинхронный код: .catch()

во втором варианте, т.к. logout() асинхронная, выполняется не сразу:

try {
  logout(что-то передается здесь)
} catch ({ error, password }) {
  switch(error) {
    ...различные обработки
  }
}
console.log("Я здесь был!");

В консоль выведется до того, как выкинется ошибка.

Comments

[ivan_kholodov]

Интересно, спасибо! А не можете подсказать тогда, как правильней сделать обработку, но с использованием try/catch?

[WapSter]

ivan_kholodov, гугли async/await

[Сергей Соколов]

ivan_kholodov, вам верно подсказали про синтаксический сахар async / await, который позволяет записывать асинхронный код последовательно, как будто он обычный – просто в нужной строчке с await «притормозит» и подождёт результата.