Какие инструменты и техники используют для отладки JavaScript?

Question

Accepted Answer

## Базовый набор

1. **DevTools браузера** (Chrome/Firefox/Edge): Sources, breakpoints, step over/into, call stack, watch.
2. `console.log` / `console.table` / `console.dir` — быстрый разведчик (не забывать убирать).
3. **Debugger statement**: `debugger;` — пауза, если открыты tools.
4. **Network** — статусы, тела, timing запросов.
5. **Performance / Memory** — долгие задачи, утечки.
6. **Source maps** — отладка TypeScript/бандла по исходному коду.
7. **Линтеры и TypeScript** — ловят класс ошибок до runtime.
8. Unit/integration tests + воспроизведение бага в тесте.

```js
console.log({ user, step: "after fetch" });
debugger;
```

---

## Техники мышления

- Сузить: «где последний раз было правильно?»
- Бинарный поиск по коммитам / feature flags.
- Логировать вход/выход чистых функций.
- Проверять assumptions: тип, null, race condition.

**Итог:** главный инструмент — DevTools + осмысленные breakpoints; логи и типы ускоряют путь к причине.