Artykuły ogólne

10 Przydatne metody konsoli JavaScript

10 Przydatne metody konsoli JavaScript

Metoda JavaScript to właściwość zawierająca definicję funkcji. Metoda konsoli to obiekt używany do dostępu do konsoli debugowania przeglądarki. Za pomocą metod konsoli możemy drukować wiadomości, ostrzeżenia i błędy w konsoli przeglądarki, co jest pomocne w celach debugowania.

Konsola programisty w przeglądarce internetowej to narzędzie, które rejestruje informacje powiązane ze stroną internetową, taką jak JavaScript, żądania sieciowe i błędy bezpieczeństwa itp. Aby otworzyć okno konsoli programistów w Google Chrome, użyj skrótu klawiatury Ctrl + Shift + J (w systemie Windows) lub Ctrl + opcja + j (na macOS).

Obiekt konsoli zapewnia wiele metod do użycia. W tym samouczku poznasz zastosowania Metody konsoli JavaScript.

  1. DZIENNIK
  2. Informacje
  3. OSTRZEGAĆ
  4. BŁĄD
  5. ZAPEWNIAĆ
  6. Liczba i Countreset
  7. Czas, timelog i czas
  8. Grupa i grupa
  9. TABELA
  10. JASNE

W tym artykule omówimy 10 przydatnych metod konsoli JavaScript, które mogą pomóc Ci napisać bardziej wydajny i skuteczny kod.

1. Za pomocą 'konsola.dziennik()' metoda

W JavaScript, konsola.dziennik() Metoda służy do rejestrowania lub drukowania wiadomości do konsoli, która jest narzędziem wbudowanym w większość przeglądarek internetowych i środowisk JavaScript. Konsola to narzędzie programistów, które pozwala zobaczyć informacje o swoim kodzie, takie jak informacje o debugowaniu, komunikaty o błędach i rejestrowane wiadomości.

konsola.dziennik() Metoda bierze jeden lub więcej argumentów i rejestruje je do konsoli. Na przykład możesz zarejestrować taki ciąg:

konsola.Log („Cześć, świat!");
1konsola.Log („Cześć, świat!");

Lub możesz zarejestrować taką zmienną:

Niech mynumber = 42; konsola.log (MyNumber);
12Niech mynumber = 42; konsola.log (MyNumber);

Możesz także rejestrować wiele wartości jednocześnie, przekazując je jako osobne argumenty:

konsola.Log („Odpowiedź brzmi”, MyNumber);
1konsola.Log („Odpowiedź brzmi”, MyNumber);

Oprócz rejestrowania ciągów i zmiennych, możesz również użyć konsoli.Metoda log () do rejestrowania obiektów i tablic. Na przykład:

niech myObject = Name: „John”, wiek: 42; konsola.log (myObject); Niech myarray = [1, 2, 3, 4, 5]; konsola.log (myarray);
12345Niech myObject = Nazwa: „John”, wiek: 42; konsola.log (myObject); Niech myarray = [1, 2, 3, 4, 5]; konsola.log (myarray);

2. Za pomocą 'konsola.info () ' metoda

konsola.informacje () Metoda w JavaScript służy do rejestrowania wiadomości informacyjnej do konsoli. Wymaga jednego lub więcej parametrów, które mogą być dowolnym typem danych, i wysyła komunikat informacyjny do konsoli z niebieską ikoną „I”.

Oto przykład używania konsoli.info ():

const Username = „Johndoe”; konsola.info ('użytkownik $ nazwa użytkownika jest zalogowana.');
12const Username = „Johndoe”; konsola.info ('użytkownik $ nazwa użytkownika jest zalogowana.');

W powyższym przykładzie, konsola.informacje () Metoda wyprowadzi komunikat informacyjny do konsoli, wskazując, że użytkownik z nazwą użytkownika "Nieznany z nazwiska" jest zalogowany.

konsola.informacje () Metoda jest przydatna do rejestrowania informacji niekrytycznych lub aktualizacji na temat stanu programu. Może być używany do celów debugowania lub do zapewnienia kontekstu o wykonaniu programu.

3. Za pomocą 'konsola.ostrzegać()' metoda

konsola.ostrzegać() Metoda w JavaScript służy do rejestrowania komunikatu ostrzegawczego do konsoli. Wymaga jednego lub więcej parametrów, które mogą być dowolnym typem danych, i wysyła komunikat ostrzegawczy do konsoli z żółtą ikoną ostrzegawczą.

Oto przykład używania konsola.ostrzegać():

Const Age = 17; if (wiek < 18) console.warn('User is under 18 years old. Proceed with caution.');
1234const wiek = 17; if (wiek < 18) console.warn('User is under 18 years old. Proceed with caution.');

W powyższym przykładzie, jeśli zmienna wiekowa jest mniejsza niż 18, konsola.ostrzegać() Metoda wyprowadzi komunikat ostrzegawczy do konsoli.

Ważne jest, aby to zauważyć konsola.ostrzegać() nie jest tym samym jak komunikat o błędzie. Komunikat ostrzegawczy wskazuje, że istnieje potencjalny problem, który może nie być kluczowy dla działania kodu, podczas gdy komunikat o błędzie wskazuje, że istnieje problem krytyczny, który należy naprawić, zanim kod będzie kontynuowany.

4. Za pomocą 'konsola.błąd()' metoda

konsola.błąd() Metoda w JavaScript służy do rejestrowania komunikatu o błędzie do konsoli za pomocą ikony błędu. Służy do wskazania, że ​​w kodzie wystąpił błąd lub wyjątek, co może spowodować awarię aplikacji.

Oto przykład korzystania z konsola.błąd() metoda:

const x = 5; const y = 0; spróbuj const wynik = x / y; konsola.log ('wynik: wynik'); catch (błąd) konsola.błąd (błąd);
123456789const x = 5; const y = 0; spróbuj const wynik = x / y; konsola.log ('wynik: wynik'); catch (error) konsola.błąd (błąd);

W tym przykładzie próbujemy podzielić wartość X przez y, który jest zerowy. Spowoduje to dzielenie przez zero Błąd, który łapiemy za pomocą bloku Try-Catch. Konsola.Metoda błędu () jest następnie wywoływana, przekazując obiekt błędu jako argument. Wyświetli to komunikat o błędzie do konsoli z ikoną błędu, wraz z śledzeniem stosu, który pokazuje stos połączeń w momencie błędu. Za pomocą cOnsole.błąd() Metoda to skuteczny sposób na debugowanie i rozwiązywanie problemów w aplikacjach JavaScript.

5. Za pomocą 'konsola.zapewniać()' metoda

Używać konsola.zapewniać() Metoda zapisuje wiadomość do konsoli na podstawie warunku. Drukuje wiadomość do konsoli tylko wtedy, gdy pierwsze wyrażenie argumentu ocenia fałszywe.

konsola.Assert (dokument.getElementById („Nazwa”), „Brak elementu znalezionego z id„ Nazwa ”);
1konsola.Assert (dokument.getElementById („Nazwa”), „Brak elementu znalezionego z id„ Nazwa ”);

6. Liczba i Countreset

konsola.liczyć() Metoda jest używana do napisania wiadomości na konsoli, ponieważ liczba jej wywoływania.

dla (i = 1; i <= 5; i++) console.count();
123dla (i = 1; i <= 5; i++) console.count();

Domyślnie oznaczył wiadomość "domyślny", Ale możesz zmienić etykietę, przekazując ją jako argument.

Używać konsola.Counteset () metoda zresetowania licznika, abyś mógł go ponownie użyć dalej.

dla (i = 1; i <= 5; i++) console.count(); console.countreset();
1234dla (i = 1; i <= 5; i++) console.count();console.countreset();

7. Czas, timelog i czas

Używać konsola.czas() funkcja uruchomienia timera do śledzenia, jak długo trwa operacja. Przed rozpoczęciem funkcjonowania funkcji czasu użycia, aby uruchomić timer i użyć konsoli.Funkcja timeend () po zakończeniu operacji. Za pomocą tego można znaleźć czas poświęcony określonej operacji przez aplikację.

Możesz także użyć konsola.Rejestr czasu() Aby wydrukować bieżący czas w kodzie. To nie rozpocznie się ani nie zakończy, wydrukuj tylko bieżący znacznik czasu.

konsola.czas („czas odpowiedzi”); // Inne blok kodów konsoli.timelog („czas odpowiedzi”); // Inne blok kodów konsoli.timeend („czas odpowiedzi”);
12345konsola.czas („Czas odpowiedzi”); // Inny blok CodesConsole.timelog („Czas odpowiedzi”); // Inny blok Codesconsole.timeend („czas odpowiedzi”);

8. Grupa i grupa

Użyj konsola.Grupa() funkcja, aby przekazać grupę wiadomości na konsoli przeglądarki. To zacznie grupować wiadomość obok niego. Następnie użyj konsola.grupowanie() funkcja zakończenia grupy, która rozpoczęła się tuż przed.

konsola.log („To jest poziom zewnętrzny”); konsola.grupa („pierwsza grupa”); konsola.log („w pierwszej grupie”); konsola.grupa („druga grupa”); konsola.log („w drugiej grupie pod pierwszą grupą”); konsola.ostrzec („wciąż w drugiej grupie”); konsola.Groupend (); konsola.log („Powrót do pierwszej grupy”); konsola.Groupend (); konsola.debugowanie („Powrót do poziomu zewnętrznego”);
12345678910konsola.log („To jest poziom zewnętrzny”); konsola.grupa („pierwsza grupa”); konsola.log („w pierwszej grupie”); konsola.grupa („druga grupa”); konsola.log („w drugiej grupie pod pierwszą grupą”); konsola.ostrzegaj („wciąż w drugiej grupie”); konsola.Groupend (); konsola.log („Powrót do pierwszej grupy”); konsola.Groupend (); konsola.debugowanie („Powrót do poziomu zewnętrznego”);

9. TABELA

Używać konsola.tabela() Metoda wydrukowania obiektu w postaci tabeli na konsoli przeglądarki.

konsola.Tabela ('id': 1001, „nazwa”: „tecadmin.internet');
1konsola.Tabela ('id': 1001, „nazwa”: „tecadmin.internet');

10. JASNE

Konsola JavaScript.Metoda clear () służy do wyczyszczenia okna konsoli narzędzi programistów przeglądarki. Usuwa wszystkie wcześniej zarejestrowane wiadomości i wszelkie inne wyjście, które były wcześniej wyświetlane w konsoli, dzięki czemu okno konsoli jest puste i gotowe do nowych wiadomości.

konsola.jasne();
1konsola.jasne();

Ta metoda jest powszechnie stosowana do czyszczenia wyjścia konsoli, gdy chcesz skupić się na określonym zestawie wiadomości lub gdy chcesz usunąć bałagan z okna konsoli. Można to wywołać z konsoli przeglądarki lub z kodu JavaScript działającego na stronie.

Wniosek

Podsumowując, metody konsoli JavaScript to potężny zestaw narzędzi, które mogą pomóc w debugowaniu i optymalizacji aplikacji internetowych. Korzystając z tych metod, możesz łatwo sprawdzić i manipulować obiektami, mierzyć wydajność i rejestrować komunikaty do konsoli. Niezależnie od tego, czy jesteś początkującym, czy doświadczonym programistą, metody te są niezbędne do budowania solidnych i wydajnych aplikacji. Mamy nadzieję, że ten artykuł dostarczył ci użytecznego przeglądu tych metod i zainspirował cię do dalszego eksploracji w twoich własnych projektach.