StudyCode
К практике
Начальныйошибкиотладкаstack trace
🔴Juniorошибкиотладкаstack tracedebugging

Как читать ошибки

Типы ошибок, как читать stack trace и как правильно гуглить — чтобы не паниковать при красном тексте.

🔴Как читать ошибки

Кликни на часть ошибки чтобы узнать что она означает

TypeError: Cannot read properties of undefined (reading 'name') at getUserName (app.js:15:20) at displayUser (app.js:8:12) at app.js:3:1
Шаг 1 из 2Практика
1

Три типа ошибок

Красный текст — это нормально

Ошибки — неотъемлемая часть программирования. Опытные разработчики видят их каждый день. Главный навык — не избегать ошибок, а быстро их читать и понимать.


Синтаксическая ошибка (Syntax Error)

Ты написал что-то что не соответствует правилам языка. Как грамматическая ошибка в предложении.

javascript
// Забыли закрывающую скобку
if (x > 0 {   // ← SyntaxError: Unexpected token '{'
  console.log("положительное");
}

Обычно редактор подчёркивает такие ошибки ещё до запуска.


Ошибка выполнения (Runtime Error)

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

javascript
const user = null;
console.log(user.name); // TypeError: Cannot read properties of null

Программа запустилась, но упала на этой строке.


Логическая ошибка (Logic Error)

Самая коварная. Код работает без ошибок, но даёт неправильный результат.

javascript
// Хотели посчитать среднее из двух чисел
function average(a, b) {
  return a + b / 2; // ← ошибка: сначала делится b, потом прибавляется a
}
average(4, 6); // Ожидали 5, получили 7

Компьютер не знает что ты хотел — он сделал ровно то что написано.

Код запустился, отработал без красных ошибок, но результат неправильный. Это...