Punkty przerwania w JavaScript

Zasadniczo podczas kodowania czasami program nie wykonuje wyjścia lub może uzyskać nieoczekiwany wynik. Dzieje się tak, ponieważ program ma błędy, ale nie pokazuje żadnych komunikatów o błędach ani wskazówek na temat tego, gdzie szukać błędów. Te błędy mogą być błędami logicznymi. Punkty przerwania są używane do debugowania błędów logicznych i weryfikacji działania kodu w celu dopasowania oczekiwanego wyniku. Dlatego punkty przerwania można użyć do zatrzymania wykonywania kodu w określonych punktach przerwania/zatrzymania, zweryfikuj wyjście do tego punktu, a następnie przejść do następnego punktu zatrzymania.

Ten blog pokaże punkty przerwania w JavaScript i jego użycie.

Jakie są punkty przerwania w JavaScript?

Punkty przerwania są najbardziej fundamentalnymi narzędziami debugowania w zestawie narzędzi programisty. Służy do wskazania pozycji, w której występują błędy. Umożliwia to prawidłowe wykonywanie programu, dopóki nie osiągnie znaczącego bloku kodu, w którym może wystąpić błąd.

Zobaczmy, jak działa punkt przerwania.

Jak używać punktów przerwania?

Postępuj zgodnie z podanymi krokami, aby użyć punktów przerwania i określ wiersz kodu, w którym wystąpił błąd.

Krok 1: Otwórz debugger

Wszystkie obecne przeglądarki zapewniają debugger JavaScript. Okno debuggera umożliwia ustawienie punktów przerwania w kodzie JavaScript. Najpierw otwórz okno Debuggera o nazwie „DevTools". Kliknij prawym przyciskiem myszy przeglądarkę i wybierz „Sprawdzać”Opcja lub za pomocą klucza skrótu„Ctrl+Shift+I”Albo możesz po prostu nacisnąć„F12" klucz:

Krok 2: Panel open source

Kliknij na "Źródła”Panel, który pomaga nam debugować JavaScript. Ma trzy główne sekcje „nawigator plików”Po lewej stronie okna„Sekcja edytora kodu”Po prawej stronie okna i„Sekcja debuggera„W prawym dolnym rogu okna:

Krok 3: Otwórz plik JavaScript

Z „nawigator plików”Sekcja kliknij„JS”Plik i otworzy się na„Sekcja edytora kodu„Po prawej stronie okna:

Krok 4: Ustaw punkty przerwania

Ustaw punkt przerwania na linii w „Sekcja edytora kodu”Klikając kolumnę numeru linii:

Umieściliśmy punkt przerwania na linii 6. Tutaj kod przestanie działać. Dodatkowo możesz ustawić wiele punktów przerwania linii kodu:

W danym przykładzie po prostu ustawimy punkty przerwania i uruchomimy kod, aby zobaczyć, jak to działa. Po ustawieniu punktu przerwania wykonanie kodu zatrzyma się, abyśmy mogli sprawdzić wartości.

Wyjście

Omówiliśmy podstawowe instrukcje związane z punktami przerwania w JavaScript.

Wniosek

Punkty przerwania są jednym z najbardziej fundamentalnych narzędzi debugowania w zestawie narzędzi programisty. Służy do znalezienia pozycji błędu logicznego. Po prostu umieść punkt przerwania, gdy chcesz, aby debugger powstrzymał bieżące wykonanie. Otwórz panel źródłowy w DevTools i ustaw punkt przerwania w sekcji edytora kodu, klikając kolumnę numeru linii. Na tym blogu zademonstrowaliśmy punkty przerwania w JavaScript i sposób ustawienia punktów przerwania w celu debugowania kodu.