В чем разница между Debugger и консолью

«В чем разница между Debugger и консолью» — вопрос из категории JavaScript, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Debugger — инструмент для пошагового выполнения кода, анализа стека вызовов, точек останова. Консоль — среда для выполнения JS-кода, логирования, быстрой проверки значений.

Отличия:

  1. Debugger позволяет:

    • Ставить breakpoints
    • Следить за выполнением построчно
    • Анализировать текущий контекст (переменные, scope)
  2. Консоль используется для:

    • Быстрого тестирования кода (console.log)
    • Выполнения выражений в runtime
    • Вывода ошибок и предупреждений

Пример:

function test() {
  const a = 5;
  debugger; // выполнение остановится здесь
  console.log(a); // вывод в консоль
}