Хорошее сравнение возможностей fetch() и XMLHttpRequest (который используется под капотом в Axios)

#fetch #axios #xhr

Вы задумывались, почему c fetch-ем нужно два раза ждать?

const response = await fetch(url);
const data = await response.json();

Ведь JSON.parse() - синхронный

Этот факт обычно используется сторонниками axios в свою пользу.

На самом деле, это продуманное поведение, дающее больший и более гибкий функционал.

fetch() резолвит свой промис как только получит все заголовки (HTTP headers), а непосредственно body ждет уже response.json()

Это позволяет, например, получив заголовки не ожидая всего ответа решить - нужен тебе этот ресурс или нет, и за-абортить запрос.

Или определить, какой контент принимать после получения заголовков.

#fetch #axios