Javascript error! Як виправити помилку в javascript коді
Що ми сьогодні дізнаємося?
Поспілкувавшись зі своїми друзями розробниками, я був здивований, що вони ніколи не використовують браузерні консолі для боротьби з помилками в коді. Що-ж, якщо ви ще не використовуєте консоль для виявлення а також виправлення помилок, раджу спробувати прямо зараз.
Візуалізація при виправленні помилок
Консоль браузера, це об'єкт, який може бути використаний для виведення інформації про помилки під час завантаження сторінки. Для прикладу: ви можете дістатися до будь-якого DOM елементу, наприклад, зображення яка має неправильний URL. Для цього потрібно навести на елемент (картинку) і натиснути праву кнопку миші. Знайти «Проінспектувати елемент» або щось подібне. У Opera це виглядає так:
Ось ми і в консолі. Майже, осталость вибрати вкладку "консоль".
А ось доступ до консолі в Chrome браузері:
Прості приклади виявлення помилок
Консоль підтримує безліч опцій, але можна обійтися 3-4, цього достатньо для виявлення і подальшого виправлення помилки. З мого власного досвіду, функція log (). найбільш зручна. Вона виводить нові повідомлення, DOM елементи, змінні в консоль, де ми можемо їх бачити. Приклади нижче показують застосування функцій, які я використовую.
В цьому скрипті, консоль виводить різні результати в залежності значення змінної full_name (порожня чи ні).
Для події jQuery click, консоль виведе інформацію про натискання елемента (трасування):
Консоль це більше ніж висновок повідомлень, вона також може приймати команди. Для прикладу, наберіть «document» і натисніть Enter для отримання інформації про сторінку.
Як виправити помилку без консолі?
Приклади виявлення помилок з помощьюalert
Цей приклад дозволяє просто вивести значення змінної:
Також можна зрозуміти де значення, а де об'єкт:
Ще одне застосування - це визначення в якому рядку коду сталася помилка. Для цього вам просто потрібно вставити повідомлення типу alert ( 'Тут помилка'); через кожен рядок коду. наприклад: