Консоль и точки останова: отладка JavaScript
Читаем ошибки, проверяем значения и останавливаем выполнение в нужном месте.
Зачем это нужно
Сообщение ошибки часто указывает строку, где проблема проявилась, но не обязательно место, где она возникла. Например, null мог появиться из-за неправильного селектора, а исключение возникло позже при обращении к свойству.
Начните с первой ошибки
Несколько последующих сообщений могут быть следствием одной ранней проблемы. Прочитайте тип ошибки и стек вызовов. Проверьте, что открыта актуальная версия скрипта, а не старая копия из кеша.
Проверяйте входные значения
Добавьте временный вывод непосредственно перед проблемной операцией. Для сложной логики используйте breakpoint и просмотр области видимости. Не меняйте сразу несколько независимых участков — так сложнее понять причину.
Убирайте диагностический шум
После исправления удалите лишние логи, особенно если они содержат пользовательские данные. Для ожидаемых отказов предусмотрите понятную обработку и сообщение в интерфейсе.
Важное ограничение
Контрольная проверка
- Найдена первая причинная ошибка.
- Проверены значения до проблемного действия.
- Исправление подтверждено повторным сценарием.
- Логи не раскрывают чувствительные данные.
Продолжить изучение: поиск DOM, обработка асинхронных ошибок.