Встречается на собеседованиях • сегодня

Какие знаешь способы отслеживания и обработки ошибок

Вот основные способы обработки ошибок во фронтенде:

  1. try/catch - для синхронного кода:
js
try {
  JSON.parse(invalidJson);
} catch (err) {
  console.error('Parsing error:', err);
}
  1. window.onerror - глобальный обработчик:
js
window.onerror = function(message, source, lineno, colno, error) {
  console.error('Global error:', error);
  return true; // предотвращает вывод в консоль браузера
};
  1. Promise.catch() - для асинхронного кода:
js
fetch('/api')
  .then(res => res.json())
  .catch(err => console.error('Fetch error:', err));
  1. Error Boundaries в React:
jsx
class ErrorBoundary extends React.Component {
  componentDidCatch(error, info) {
    logErrorToService(error, info);
  }
  render() { return this.props.children; }
}
  1. Сервисы мониторинга: Sentry, Rollbar, Bugsnag. Они предоставляют SDK для автоматического сбора ошибок.

Для production важно логировать ошибки на сервер и иметь механизм уведомлений о критических ошибках.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы