Чем `XMLHttpRequest` отличается от `fetch()`?

Question

Accepted Answer

## Смысл
Оба делают HTTP из браузера. `fetch` — современный promise-API; XHR — событийная «классика».

## Ключевые отличия

- API: колбэки/`onreadystatechange` vs Promises.
- Ошибки HTTP: `fetch` **не** reject на 404/500 — проверяйте `response.ok`.
- Отмена: у XHR есть `abort()`, у fetch — `AbortController`.
- Прогресс upload: у XHR удобнее; у fetch сложнее/ограниченнее.
- Абстракции: `Request`/`Response`/`Headers`, стримы тела.
- Среда: fetch есть и в Node/современных runtime; XHR — браузерный.

```js
const r = await fetch('/api');
if (!r.ok) throw new Error('HTTP ' + r.status);
```

## Итог

Для нового кода почти всегда `fetch`. XHR ещё встречается в легаси и когда нужен простой upload progress.

## На собеседовании

Ожидают не заученную таблицу, а умение связать концепцию с багом из практики: что сломается, если выбрать неправильный вариант, и какой код вы напишете в реальном PR. Короткий пример и граничный случай обычно ценятся выше длинной теории.