Почему в fetch не срабатывает catch?

Question

[AlexNew22]

Почему ошибка не уходит в catch фетча и не передается дальше в catch промиса?

const url = 'https://jsonplaceholder.typicode.co'
const getUser = async () => {
	return new Promise(resolve => {
  	fetch(url).then(data => resolve(data)).catch(err => err)
  }).catch(err => err.message)
}

Comments

[GeminiX]

попробуйте reject(err)

Answer 1

[Алексей Уколов]

Совершенно мне непонятно, что вы этим кодом хотели сказать. Но.

не уходит в catch фетча

Вы ошибаетесь, уходит.

не передается дальше в catch промиса

Потому что вы её уже обработали в первом catch. Если зачем-то хотите, чтобы она ушла дальше по цепочке catch, её надо бросить заново.

Если вам зачем-то необходимо оборачивать promise из fetch в другой (а это вряд ли), то код должен выглядеть так:

const url = 'https://jsonplaceholder.typicode.co'
const getUser = async () => {
  return new Promise((resolve, reject) => {
  	fetch(url).then(data => resolve(data)).catch(err => reject(err))
  }).catch(err => err.message)
}

Но он полностью аналогичен этому:

const url = 'https://jsonplaceholder.typicode.co'
const getUser = async () => fetch(url).catch(err => err.message)

Только этот код "проглатывает" ошибку и возвращает её текст из функции, а в случае успеха возвращает не полученные данные, а весь объект ответа, на котором нужно дополнительно вызывать .json() или .text().

Comments

[AlexNew22]

Дело в том, что он и текст ошибки не возвращает, если не использовать reject, который, как я понял это аналог catch (но он почему-то не сработал, как я предполагал)
Функция просто зависает и все
https://jsfiddle.net/2co8avuy/

[WbICHA]

AlexNew22, ты пробовал прочитать то, что Алексей Уколов написал?

[Алексей Уколов]

reject, который, как я понял это аналог catch

Вы что-то не то поняли.

https://jsfiddle.net/2co8avuy/

Jsfiddle не работает без VPN.

текст ошибки не возвращает, если не использовать reject

И я вам объяснил, почему так.