Вивчайте Основи Налагодження

Свайпніть щоб показати меню

Відлагодження — це ключова навичка для будь-якого розробника JavaScript. Під час написання та виконання коду ви будете стикатися з різноманітними помилками. Розуміння того, як читати повідомлення про помилки, а також знання найпоширеніших помилок допоможе швидко виправляти проблеми та підтримувати прогрес у ваших проєктах.

Найчастіші помилки в JavaScript включають:

Синтаксичні помилки: виникають, коли структура коду неправильна, наприклад, відсутні дужки чи фігурні дужки;
Помилки посилання: виникають, коли ви намагаєтеся використати змінну, яка не була оголошена або знаходиться поза областю видимості;
Помилки типу: виникають, коли значення використовується неочікуваним чином, наприклад, виклик функції для об'єкта, який не є функцією.

Коли виникає помилка, консоль браузера відображає повідомлення про помилку. Це повідомлення зазвичай містить тип помилки, короткий опис і номер рядка, де була виявлена проблема. Завжди уважно читайте ці повідомлення — це ваша перша підказка для вирішення будь-якої проблеми.


              1234567891011121314151617181920212223
            
// Example: Debugging with console.log and breakpoints

function calculateTotal(items) {
  let total = 0;
  for (let i = 0; i < items.length; i++) {
    // Add a console.log to inspect each item
    console.log("Item at index", i, ":", JSON.stringify(items[i]));
    total += items[i].price; // Potential error if items[i] is missing 'price'
  }
  return total;
}

const cart = [
  { name: "Book", price: 12 },
  { name: "Pen", price: 2 },
  { name: "Notebook" } // Missing price property
];

const total = calculateTotal(cart);
console.log("Total:", total);

// To debug further, set a breakpoint on the line inside the loop in your browser's developer tools.
// Step through the code to watch how 'total' and 'items[i]' change with each iteration.

Для ефективного відлагодження дотримуйтеся системного підходу:

Відтворюйте помилку послідовно, щоб мати змогу спостерігати її під час тестування рішень;
Читайте повідомлення про помилку та звертайте увагу на ім'я файлу й номер рядка;
Використовуйте console.log для виведення значень і відстеження ходу виконання коду;
Встановлюйте точки зупину в інструментах розробника браузера, щоб призупинити виконання та перевірити змінні;
Змінюйте лише одну річ за раз і тестуйте після кожної зміни, щоб ізолювати проблему;
Звертайте увагу на типові помилки, такі як друкарські помилки, помилки на одну ітерацію в циклах або відсутні властивості в об'єктах.

Практикуючи ці техніки, ви станете впевненішими та ефективнішими у пошуку й виправленні помилок у вашому JavaScript-коді.

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 1. Розділ 18

Запитати АІ

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Секція 1. Розділ 18