В този урок ще научите за отстраняване на грешки в JavaScript с помощта на примери.
Можете и ще срещнете грешки, докато пишете програми. Грешките не са непременно лоши. Всъщност през повечето време те ни помагат да идентифицираме проблеми с нашия код. От съществено значение е да знаете как да отстранявате грешки в кода си и да коригирате грешки.
Отстраняването на грешки е процесът на изследване на програмата, намиране на грешката и отстраняване.
Има различни начини за отстраняване на грешки във вашата JavaScript програма.
1. Използване на console.log ()
Можете да използвате console.log()
метода за отстраняване на грешки в кода. Можете да предадете стойността, която искате да проверите, в console.log()
метода и да проверите дали данните са верни.
Синтаксисът е:
console.log(object/message);
Можете да предадете обекта console.log()
или просто низ от съобщение.
В предишния урок използвахме console.log()
метод за отпечатване на изхода. Можете обаче да използвате този метод и за отстраняване на грешки. Например,
let a = 5; let b = 'asdf'; let c = a + b; // if you want to see the value of c console.log(c); // then do other operations if(c) ( // do something )
Използването на console.log()
метод в браузъра отваря стойността в прозореца за отстраняване на грешки.
![](https://cdn.wiki-base.com/9595141/debugging_javascript_in_browser_with_examples.png.webp)
The console.log()
не е специфична за браузъри. Предлага се и в други двигатели на JavaScript.
2. Използване на дебъгер
В debugger
ключова дума спира изпълнението на кода и извиква функцията за отстраняване на грешки.
Той debugger
се предлага в почти всички JavaScript двигатели.
Нека да видим пример,
let a = 6; let b = 9; let c = a * b; // stops the execution debugger; console.log(c);
Нека да видим как можете да използвате програма за отстраняване на грешки в браузър Chrome.
![](https://cdn.wiki-base.com/9595141/debugging_javascript_in_browser_with_examples_2.png.webp)
Горната програма поставя на пауза изпълнението на програмата в реда, съдържащ debugger
.
След това можете да възобновите контрола на потока след проучване на програмата.
Останалата част от кода ще се изпълни, когато възобновите скрипта, като натиснете play в конзолата.
![](https://cdn.wiki-base.com/9595141/debugging_javascript_in_browser_with_examples_3.png.webp)
3. Задаване на точки на прекъсване
Можете да зададете точки на прекъсване за JavaScript код в прозореца за отстраняване на грешки.
JavaScript ще спре да се изпълнява при всяка точка на прекъсване и ви позволява да разгледате стойностите. След това можете да възобновите изпълнението на кода.
Нека да видим пример, като зададем точка на прекъсване в браузъра Chrome.
![](https://cdn.wiki-base.com/9595141/debugging_javascript_in_browser_with_examples_4.png.webp)
Можете да зададете точки на прекъсване чрез инструмента за разработчици навсякъде в кода.
Задаването на точки на прекъсване е подобно на поставянето на дебъгер в кода. Тук просто задавате точки на прекъсване, като щракнете върху номера на реда на изходния код, вместо ръчно да извикате функцията за отстраняване на грешки.
В горните методи използвахме браузъра Chrome, за да покажем процесите за отстраняване на грешки за простота. Това обаче не е единствената ви възможност.
Всички добри IDE осигуряват начин за отстраняване на грешки в кода. Процесът на отстраняване на грешки може да е малко по-различен, но концепцията за отстраняване на грешки е една и съща.